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:

let 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:

let i = 0;

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

Suponha que exista uma variável que inicialmente armazena o número 10. Inicie um timer que a cada segundo diminuirá o valor dessa variável em 1 e exibirá esse valor no console. Assim que o valor da variável atingir zero - pare o timer.