Ritardo in ciclo While

[WebDeveloper3]

Ciao,

ho necessità di inserire un ritardo nell'esecuzione di un ciclo while. Ma lui se ne frega:

function f1()
{
..................
while(step1 > 0){
rTemp1 = rTemp1 + rDelta1;
step1 -= 1;

setTimeout(function(){},100);
}
}

Consigli???

[cavicchiandrea]

Ciao benvenuta/o, prova cosi:

function f1()
{
..................
while(step1 > 0){
rTemp1 = rTemp1 + rDelta1;
step1 -= 1;
}
setTimeout(function(){f1()},100);
}

P.S. Quando posti del codice usa il tasto [code]

[WebDeveloper3]

Così verrebbe rieseguito anche tutto il codice prima del while.
Inoltre visto che le variabili sono locali non sono sicuro che nella successiva chiamata lo scope le renda leggibili. Temo di no.

[Vindav]

perche non ci spieghi cosa vuoi ottenere? quello che vuoi fare non mi pare abbia molto senso...

[fcaldera]

a questo punto casserei in toto il while

function f() {
    
    /* setup code */
    var step1 = 100;

    (function f_inner() {

        rTemp1 += rDelta1;

        if (--step1) {
           setTimeout(f_inner, 100);
        }
    }());
}

Esempio su jsBin (apri la console e clicca su "run with JS") http://jsbin.com/osatup/2/edit

[WebDeveloper3]

perche non ci spieghi cosa vuoi ottenere? quello che vuoi fare non mi pare abbia molto senso..

Mi serve per tutti gli effetti di dissolvenza e sfumatura del colore. Senza un ritrardo l'effetto non è percepibile ma è istantaneo.

Originariamente inviato da fcaldera
a questo punto casserei in toto il while

function f() {
    
    /* setup code */
    var step1 = 100;

    (function f_inner() {

        rTemp1 += rDelta1;

        if (--step1) {
           setTimeout(f_inner, 100);
        }
    }());
}

Esempio su jsBin (apri la console e clicca su "run with JS") http://jsbin.com/osatup/2/edit

Ah pensavo non si potessero annidare le funzioni in javascript. Così risolvo il problema.
Grazie mille.

Solo mi spieghi perchè si mettono le doppie parentesi tonde () pure alla fine della funzione f_inner oltre che dopo il nome della funzione???

[fcaldera]

Originariamente inviato da WebDeveloper3
Solo mi spieghi perchè si mettono le doppie parentesi tonde () pure alla fine della funzione f_inner oltre che dopo il nome della funzione???

di norma una funzione viene definita con

function f() {
  ...
}

ed eseguita con

f()

con la notazione

(function f() {
  ...
}())

definisci ed eseguila funzione f allo stesso tempo (se ci pensi, come fa il codice ad eseguire la funzione inner la prima volta?)

inoltre l'identificatore f resta visibile all'interno dello scope stesso quindi puoi chiamare la funzione all'interno del suo scope

[WebDeveloper3]

Perfetto, grazie mille.