Detención del temporizador JavaScript

Ya sabes cómo iniciar un temporizador, ahora aprendamos a detenerlo. Para ello necesitas saber que cada temporizador, iniciado con la función setInterval, tiene un número único. Este número lo devuelve la función setInterval en el momento de iniciar el temporizador:

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

alert(timerId); // mostrará el número del temporizador

Para detener el temporizador se usa la función clearInterval, que acepta el número único de aquel temporizador que necesita ser detenido.

Por ejemplo, iniciemos un temporizador que muestre números en la consola en orden ascendente, comenzando desde 1. Detengamos el temporizador una vez se muestre en pantalla el número 10:

let i = 0;

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

Supongamos que tenemos una variable que inicialmente almacena el número 10. Inicia un temporizador, que cada segundo disminuya el valor de esta variable en 1 y muestre ese valor en la consola. Una vez que el valor de la variable alcance cero - detén el temporizador.