Metodo Window clearInterval()

Oggetto Window JavaScript

clearInterval()metodo annulla l'usodel setInterval() Azioni ripetute create.

Il valore ID restituito da setInterval() viene utilizzato come parametro del metodo clearInterval().

Attenzione:Per utilizzare il metodo clearInterval(), è necessario utilizzare una variabile quando si crea il metodo interval:

t = setInterval("javaScript function", milliseconds);

Poi, puoi fermare l'esecuzione chiamando il metodo clearInterval():

clearInterval(t);

Sintassi:

window.clearInterval(var)

var t = setInterval(startTimer, 1000);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
{}
function stopTimer() {
　　　clearInterval(t);
{}

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta il metodo clearInterval() per la prima volta:

Valore del parametro

Dettagli tecnici

Più esempi

Cambia ogni 200 millisecondi tra due colori di sfondo fino a quando clearInterval() lo ferma:

var t = setInterval(setColor, 200);
function setColor() {
　　　var x = document.body;
　　　x.style.backgroundColor = (x.style.backgroundColor == "coral") ? "lightgreen" : "coral";
{}
function stopColor() {
　　　clearInterval(t);
{}

Creare una barra di progresso dinamica utilizzando setInterval() e clearInterval():

var i = 0;
var bar = document.getElementById("progress-bar");
var t;
funzione start() {
　　t = setInterval(progress, 60);
{}
funzione progress() {
　　se (i < 100) {
　i++;
　bar.style.width = i + "%";
　bar.innerHTML = i + "　%";
　　altrimenti {
　clearInterval(t);
　　{}
{}
funzione stop() {
　　clearInterval(t);
{}

Riferimenti correlati

Riferimento finestra (Window):Metodo setInterval()

Riferimento finestra (Window):Metodo setTimeout()

Riferimento finestra (Window):Metodo clearTimeout()

Riferimento finestra (Window):Metodo requestAnimationFrame()

Oggetto Window JavaScript