Esempio
Visualizzare l'ora corrente (the setInterval() il metodo eseguirà la funzione di una volta ogni 1 secondo, proprio come un orologio digitale). Utilizzare clearInterval() di fermare il tempo:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il clearInterval() metodo cancella un temporizzatore impostato con il setInterval() metodo.
Il valore ID restituito da setInterval() viene utilizzato come parametro per la clearInterval() metodo.
Nota: Per poter utilizzare il clearInterval() metodo, è necessario utilizzare una variabile globale durante la creazione del metodo di intervallo:
myVar = setInterval(" Allora si sarà in grado di fermare l'esecuzione chiamando il metodo clearInterval ().
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Sintassi
clearInterval( valori dei parametri Parametro Descrizione id_of_setinterval Necessario. L'ID del timer restituito dal setInterval() metodo
Dettagli tecnici
Valore di ritorno: Nessun valore di ritorno
Altri esempi
Esempio
Commutare tra due colori di sfondo una volta ogni 300 millisecondi, fino a quando non viene fermato da clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} Prova tu stesso "
Esempio
Utilizzando setInterval() e clearInterval() per creare una barra di avanzamento dinamica:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} Prova tu stesso "
Pagine correlate
Finestra Oggetto: href="met_win_setinterval.html"> setInterval() Method
Finestra Oggetto: href="met_win_settimeout.html"> setTimeout() Method
Finestra Oggetto: href="met_win_cleartimeout.html"> clearTimeout() Method
<Window Object