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 :

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

javascriptlet i = 0;

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