Exemplo
Mostrar a hora atual (the setInterval() método irá executar a função, uma vez a cada 1 segundo, como um relógio digital). Use clearInterval() para parar a 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);
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O clearInterval() método limpa um temporizador ajustado com o setInterval() método.
O valor ID retornado por setInterval() é utilizada como o parâmetro para o clearInterval() método.
Nota: Para ser capaz de usar o clearInterval() método, você deve usar uma variável global ao criar o método de intervalo:
myVar = setInterval(" Então você vai ser capaz de parar a execução chamando o método clearInterval ().
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
Sintaxe
clearInterval( Os valores dos parâmetros Parâmetro Descrição id_of_setinterval Requeridos. O ID do temporizador retornado pelo setInterval() Método
Detalhes técnicos
Valor de retorno: Nenhum valor de retorno
mais Exemplos
Exemplo
Alternar entre duas cores de fundo uma vez a cada 300 milissegundos, até que seja parado por 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);
} Tente você mesmo "
Exemplo
Usando setInterval() e clearInterval() para criar uma barra de progresso dinâmico:
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 + '%';
}
}
} Tente você mesmo "
Páginas relacionadas
Objeto Janela: href="met_win_setinterval.html"> setInterval() Method
Objeto Janela: href="met_win_settimeout.html"> setTimeout() Method
Objeto Janela: href="met_win_cleartimeout.html"> clearTimeout() Method
<Window Objeto