Método Window clearInterval()

Objeto Window do JavaScript

clearInterval()método cancelardo setInterval() Ação repetitiva criada.

O valor de ID retornado pelo setInterval() é usado como parâmetro do método clearInterval().

Atenção:Para poder usar o método clearInterval(), é necessário usar uma variável ao criar o método interval:

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

Depois disso, você pode parar a execução chamando o método clearInterval():

clearInterval(t);

Sintaxe:

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);
}

Compatibilidade do navegador

Os números na tabela indicam a primeira versão do navegador que suporta o método clearInterval():

Valores dos parâmetros

Detalhes técnicos

Mais exemplos

Cada200 milissegundos para alternar entre duas cores de fundo até ser encerrado por clearInterval():

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

Criar uma barra de progresso dinâmica usando setInterval() e clearInterval():

var i = 0;
var bar = document.getElementById("progress-bar);
var t;
function start() {
　　t = setInterval(progress,　60);
}
function progress() {
　　if(i <　100) {
　i++;
　bar.style.width = i　+　“%”;
　bar.innerHTML = i　+　“%”;
　　} else {
　clearInterval(t);
　　}
}
function stop() {
　　clearInterval(t);
}

Referências Relacionadas

Referência: Janela (Window)Método setInterval()

Referência: Janela (Window)Método setTimeout()

Referência: Janela (Window)Método clearTimeout()

Referência: Janela (Window)Método requestAnimationFrame()

Objeto Window do JavaScript