Stoppe JavaScript-timer

Du ved allerede, hvordan man starter en timer, lad os nu lære at stoppe den. For at gøre dette skal du vide, at hver timer, startet med funktionen setInterval, har et unikt nummer. Dette nummer returneres af funktionen setInterval i øjeblikket timeren startes:

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

alert(timerId); // vil udskrive timerens nummer

For at stoppe timeren bruges funktionen clearInterval, som accepterer det unikke nummer på den timer, der skal stoppes.

Lad os som eksempel starte en timer, der udskriver tal i stigende rækkefølge i konsollen, startende fra 1. Vi stopper timeren, så snart tallet 10 er vist:

javascriptlet i = 0;

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