Articoli / Javascript
Timer e Intervalli in Javascript
Author: Tafaz
Visits: 2987
Date: 07.01.2007
in questo modo istanziamo l'oggetto Image e gli assegniamo il source dell'immagine da caricare, poi richiamiamo la funzione isLoaded passandogli come parametro l'istanza img.
Questa funzione verifica se l'immagine è completamente caricata verificando che la proprietà complete sia impostata a true e in tal caso viene visualizzato un messaggio, altrimenti viene impostato un timer che richiama la funzione isLoaded in modo ricorsivo dopo 50 millisecondi.
Esiste la possibilità di interrompere il timer usando la funzione clearTimeout(idTimer);. Detto questo potremmo avere l'esigenza di eseguire una determinata istruzione ripetutamente ad un intervallo specificato (sempre in millisecondi), come ad esempio visualizzare un orologio che si aggiorna ogni secondo:
idIntervallo = setInterval('ora()', 1000);
function ora() {
time=new Date();
document.forms['orologio'].orario.value=time;
}
in questo modo ad ogni secondo verrà richiamata la funzione ora che aggiorna il valore del campo di testo orario scrivendoci l'ora corrente.
Per interrompere l'esecuzione ad intervalli di questa funzione dobbiamo chiamare clearInterval(idIntervallo); passando come parametro l'id che ci viene ritornato dalla chiamata idIntervallo = setInterval('ora()', 1000);.
Author: Tafaz
Visits: 2987
Date: 07.01.2007
in questo modo istanziamo l'oggetto Image e gli assegniamo il source dell'immagine da caricare, poi richiamiamo la funzione isLoaded passandogli come parametro l'istanza img.
Questa funzione verifica se l'immagine è completamente caricata verificando che la proprietà complete sia impostata a true e in tal caso viene visualizzato un messaggio, altrimenti viene impostato un timer che richiama la funzione isLoaded in modo ricorsivo dopo 50 millisecondi.
Esiste la possibilità di interrompere il timer usando la funzione clearTimeout(idTimer);. Detto questo potremmo avere l'esigenza di eseguire una determinata istruzione ripetutamente ad un intervallo specificato (sempre in millisecondi), come ad esempio visualizzare un orologio che si aggiorna ogni secondo:
idIntervallo = setInterval('ora()', 1000);
function ora() {
time=new Date();
document.forms['orologio'].orario.value=time;
}
in questo modo ad ogni secondo verrà richiamata la funzione ora che aggiorna il valore del campo di testo orario scrivendoci l'ora corrente.
Per interrompere l'esecuzione ad intervalli di questa funzione dobbiamo chiamare clearInterval(idIntervallo); passando come parametro l'id che ci viene ritornato dalla chiamata idIntervallo = setInterval('ora()', 1000);.
<<
Page 2 of 2
Se vuoi discutere con noi su questo articolo o comunque vuoi porci delle domande usa il nostro Forum
