1 2 3 4 5 6 7 8 9 10 11 12 | JavaScript può essere eseguito in intervalli di tempo. Questo è chiamato eventi di temporizzazione. |
Timing Eventi
L'oggetto finestra consente l'esecuzione di codice a intervalli di tempo specificati.
Questi intervalli di tempo sono chiamati eventi di temporizzazione.
I due metodi principali da utilizzare con JavaScript sono:
- setTimeout( function, milliseconds )
Esegue una funzione, dopo aver atteso un numero specificato di millisecondi. - setInterval( function, milliseconds )
Come setTimeout() , ma ripete l'esecuzione della funzione continuamente.
Il setTimeout() e setInterval() sono entrambi metodi dell'oggetto HTML DOM Window.
Il setTimeout() Metodo
window.setTimeout(function, milliseconds);Il window.setTimeout() metodo può essere scritto senza il prefisso finestra.
Il primo parametro è una funzione da eseguire.
Il secondo parametro indica il numero di millisecondi prima dell'esecuzione.
Esempio
Fare clic su un pulsante. Attendere 3 secondi, e la pagina avviserà "Ciao":
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script> Prova tu stesso " Come fermare l'esecuzione?
Il clearTimeout() metodo interrompe l'esecuzione della funzione specificata in setTimeout() .
window.clearTimeout( timeoutVariable )
Il window.clearTimeout() metodo può essere scritto senza il prefisso finestra.
Il clearTimeout() metodo utilizza la variabile tornato da setTimeout() :
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
Se non è già stata eseguita la funzione, è possibile interrompere l'esecuzione chiamando il clearTimeout() metodo:
Esempio
Stesso esempio come sopra, ma con un pulsante aggiunto "Stop":
<button onclick="myVar = setTimeout(myFunction, 3000)">Try
it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
Prova tu stesso " Il setInterval() Metodo
Il setInterval() metodo ripete una data funzione in ogni dato intervallo di tempo.
window.setInterval(function, milliseconds);Il window.setInterval() metodo può essere scritto senza il prefisso finestra.
Il primo parametro è la funzione da eseguire.
Il secondo parametro indica la lunghezza del tempo-intervallo tra ogni esecuzione.
Questo esempio esegue una funzione chiamata "myTimer" una volta al secondo (come un orologio digitale).
Esempio
Visualizzare l'ora corrente:
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
} Prova tu stesso " Ci sono 1000 millisecondi in un secondo.
Come fermare l'esecuzione?
Il clearInterval() metodo ferma le esecuzioni della funzione specificata nel setInterval() metodo.
window.clearInterval( timerVariable )Il window.clearInterval( ) metodo può essere scritto senza il prefisso finestra.
Il clearInterval() metodo utilizza la variabile tornato da setInterval() :
myVar = setInterval(function, milliseconds);
clearInterval(myVar);Esempio
Stesso esempio di sopra, ma abbiamo aggiunto un pulsante "Stop Time":
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script> Prova tu stesso " 
Altri esempi
Un altro semplice sincronizzazione
Un orologio creato con un evento di temporizzazione