Parando um Timer JavaScript

Você já sabe como iniciar um timer, agora vamos aprender como pará-lo. Para isso, você precisa saber que cada timer, iniciado com a função setInterval, tem um número único. Esse número é retornado pela função setInterval no momento da inicialização do timer:

javascriptlet timerId = setInterval(function() {
  console.log('!')
}, 1000);

alert(timerId); // mostrará o número do timer

Para parar o timer, usamos a função clearInterval, que recebe o número único do timer que deve ser parado.

Por exemplo, vamos iniciar um timer que exibe no console números em ordem crescente, começando em 1. Pararemos o timer assim que o número 10 for exibido:

javascriptlet i = 0;

let timerId = setInterval(function() {
  console.log(++i);
  
  if (i >= 10) {
    clearInterval(timerId);
  }
}, 1000);