Método Window clearInterval()

Definição e uso

clearInterval() Método para limpar Método setInterval() O temporizador configurado.

Avisos

Para limpar o intervalo, use setInterval() ID retornado:

myInterval = setInterval(função, milliseconds);

Depois disso, você pode chamar clearInterval() para parar a execução:

clearInterval(myInterval);

Consulte também:

Método setInterval()

Método setTimeout()

Método clearTimeout()

Exemplo

Exemplo 1

Exiba o tempo uma vez por segundo. Use clearInterval() para parar o tempo:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Experimente você mesmo

Exemplo 2

Mude entre duas cores de fundo a cada 500 milissegundos:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Experimente você mesmo

Exemplo 3

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

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

Experimente você mesmo

Sintaxe

clearInterval(intervalId)

Parâmetros

Parâmetros Descrição
intervalId Obrigatório. De setInterval() ID de intervalo retornado.

Retorno

Nenhum.

Descrição

clearInterval() O método para parar a execução periódica de código específico, a operação desses códigos é chamada Método setInterval() iniciado. Parâmetros intervalId deve ser chamado Método setInterval() de retorno após a execução.

Suporte do navegador

Todos os navegadores suportam clearInterval():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte Suporte