Javascript - delay in javascript

Forum - Javascript - delay in javascript

XBarboX (Member)
Guru

Messaggi: 945
Iscritto: 31/12/2008

Postato alle 11:49
Venerdì, 21/08/2009

Come si mette un delay in javascript che non sia la funzione setTimeout?(mi da dei problemi)

XBarboX (Member)
Guru

Messaggi: 945
Iscritto: 31/12/2008

Postato alle 11:58
Venerdì, 21/08/2009

Il problema è il seguente:

andate sul sito http://www.sapientia.altervista.org
passate il bottone sopra il bottone "animali" e noterete che il menu non scende!

questo è il codice sorgente dello script:

Codice sorgente - presumibilmente Javascript

function AllungaMenu(nome){
 
x = 23 - 1;
s = "";
m = 300;
 
do{
x = x + 1;
s = "";
s = x;
s = s + "px";
setTimeout('document.getElementById(' + nome + ').style.height = "' + s + '"',100);
}while(x<m);
}

Ultima modifica effettuata da XBarboX il 21/08/2009 alle 12:05

pierotofy (Admin)
Guru^2

Messaggi: 6230
Iscritto: 04/12/2003

Postato alle 22:17
Sabato, 22/08/2009

Questo perchè il concetto è sbagliato; non puoi iterare la setTimeout in questa maniera, così facendo non fà altro che impostare N (dove N è il numero di volte che il ciclo viene ripetuto) timeouts che vengono eseguiti allo stesso momento (o quasi). Ovviamente l'effetto è che dopo 100 millisecondi solamente l'ultimo timeout viene eseguito (e degli altri N-1 non si vede l'effetto).

Il mio blog: https://piero.dev

XBarboX (Member)
Guru

Messaggi: 945
Iscritto: 31/12/2008

Postato alle 13:13
Domenica, 23/08/2009

Testo quotato

Postato originariamente da pierotofy:

Questo perchè il concetto è sbagliato; non puoi iterare la setTimeout in questa maniera, così facendo non fà altro che impostare N (dove N è il numero di volte che il ciclo viene ripetuto) timeouts che vengono eseguiti allo stesso momento (o quasi). Ovviamente l'effetto è che dopo 100 millisecondi solamente l'ultimo timeout viene eseguito (e degli altri N-1 non si vede l'effetto).

Scusa adesso ho aggiornato il sito e non ha più quel codice.
Comunque come lo implementeresti tu?

NewAge (Normal User)
Pro

Messaggi: 153
Iscritto: 23/08/2009

Postato alle 17:58
Domenica, 23/08/2009

Se inizi ad usare javascript, ti consiglio moolto vivamente di utilizzarne una libreria, in parole povere ti consiglio jQuery. All'inizio sarà un po' complicato capirne il funzionamento ma poi andrai alla grande, senza contare il fatto che avrai eliminato tutti i problemi di compatibilità browser

pierotofy (Admin)
Guru^2

Messaggi: 6230
Iscritto: 04/12/2003

Postato alle 18:18
Domenica, 23/08/2009

Userei questa: http://wiki.github.com/madrobby/scriptaculous/effect-scale

Il mio blog: https://piero.dev