Ritardo ciclo for

[hendrixiano]

Ciao a tutti, volevo semplicemente aprire un div con effetto tendina, ho quindi pensato di usare dentro un ciclo la getElementById per cambiare lo stile. Vi posto il codice:

for(i=0; i<larghezza; i++) {
    var funzione = 'scorri('+i+')';
    setTimeout(funzione,100);
} 

Naturalmente la funzione scorri è semplicemente questa:

function scorri(indice) {
    document.getElementById('sinistra').style.width=indice+'px';
} 

La cosa funziona, il problema è che con la setTimeout, anche usando un ritardo, non mi blocca il ciclo. Praticamente il tempo che passano i 100 millisecondi il for è già concluso.
Quindi mi servirebbe qualcosa del tipo:

for(i=0; i<larghezza; i++) {
    scorri(i);
    pausa();
} 

Ho già provato a costruirmi io una funzione pausa mettendoci un banalissimo ciclo che fa ritardo ma niente da fare. Vi ringrazio anticipatamente. Ciao

[floyd]

var funzione = 'scorri(0)';
setTimeout(funzione, 100);
function scorri(indice) {
  document.getElementById('sinistra').style.width = indice + 'px';
  if (indice < 100)
    setTimeout('scorri(' + ++indice + ')', 100);
}

prova questo

[hendrixiano]

Non ci avevo proprio pensato a fare una ricorsiva .
Sei un grande! Grazie