Arrêt d'un minuteur JavaScript

Vous savez déjà comment démarrer un minuteur, apprenons maintenant à l'arrêter. Pour cela, vous devez savoir que chaque minuteur, lancé avec la fonction setInterval, a un numéro unique. Ce numéro est retourné par la fonction setInterval au moment du lancement du minuteur :

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

alert(timerId); // affichera le numéro du minuteur

Pour arrêter le minuteur, on utilise la fonction clearInterval, qui prend le numéro unique du minuteur à arrêter.

Par exemple, lançons un minuteur affichant dans la console des nombres croissants, à partir de 1. Arrêtons le minuteur une fois que le nombre 10 sera affiché à l'écran :

let i = 0;

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

Soit une variable contenant initialement le nombre 10. Lancez un minuteur qui diminuera la valeur de cette variable de 1 chaque seconde et affichera cette valeur dans la console. Dès que la valeur de la variable atteint zéro - arrêtez le minuteur.