Timer in JavaScript
Scritto da Nicola Tempesta
(http://www.ceptive.it)
il 09 agosto 2006
La sintassi per setInterval (alias per setTimeout ) č:
La differenza tra setInterval e setTimeout sta nel fatto che per setInterval viene eseguita una procedura ciclicamente, mentre con setTimeout la procedura viene eseguita una sola volta dopo un certo dato tempo.
Qui di seguito riporto un esempio dell'utilizzo di setInterval e clearInterval, quest'ultimo serve per bloccare il timer creato con setInterval
Ed ecco come richiamare il codice nella pagina html:
Esistono quattro funzioni in javascript per gestire eventi in determinati intervalli di tempo, le funzioni che si possono utilizzare sono:
- setInterlval
- clearInterval
- setTimeout
- clearTimeout
La sintassi per setInterval (alias per setTimeout ) č:
JAVASCRIPT
timerID = setInterval('tmr()', 2000);
La differenza tra setInterval e setTimeout sta nel fatto che per setInterval viene eseguita una procedura ciclicamente, mentre con setTimeout la procedura viene eseguita una sola volta dopo un certo dato tempo.
Qui di seguito riporto un esempio dell'utilizzo di setInterval e clearInterval, quest'ultimo serve per bloccare il timer creato con setInterval
JAVASCRIPT
var stringhe = new Array(); stringhe[0] = "Ecco un esempio.."; stringhe[1] = "..di timer..."; stringhe[2] = "..potete fare un sacco di cose :)"; var inizio = 0; function tmr() { document.modulo.frase.value = stringhe[inizio]; inizio++; if (inizio == stringhe.length) { alert('Ciclo finito'); inizio = 0; } } clearInterval(timerID);
Ed ecco come richiamare il codice nella pagina html:
HTML
<body onload="timerID=setInterval('tmr()',2000)"> <form name="modulo"> <input type="text" name="frase"> <input type="button" value="Interrompi" onclick="clearInterval(timerID)"> </form>
