Zatrzymywanie timera JavaScript

Wiesz już, jak uruchomić timer, nauczmy się teraz, jak go zatrzymać. Aby to zrobić, musisz wiedzieć, że każdy timer uruchomiony za pomocą funkcji setInterval ma unikalny numer. Ten numer zwraca funkcja setInterval w momencie uruchomienia timera:

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

alert(timerId); // wyświetli numer timera

Do zatrzymania timera używa się funkcji clearInterval, która przyjmuje unikalny numer timera, który należy zatrzymać.

Jako przykład uruchommy timer, wyświetlający w konsoli liczby rosnąco, zaczynając od 1. Zatrzymajmy timer, gdy na ekranie zostanie wyświetlona liczba 10:

javascriptlet i = 0;

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