Menghentikan Timer JavaScript

Anda sudah tahu cara menjalankan timer, sekarang mari belajar cara menghentikannya. Untuk itu Anda perlu tahu bahwa setiap timer yang dijalankan dengan fungsi setInterval, memiliki nomor unik. Nomor ini dikembalikan oleh fungsi setInterval saat timer dijalankan:

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

alert(timerId); // akan menampilkan nomor timer

Untuk menghentikan timer digunakan fungsi clearInterval, yang menerima nomor unik dari timer yang ingin dihentikan.

Sebagai contoh, mari jalankan timer yang menampilkan angka secara ascending ke konsol, mulai dari 1. Hentikan timer begitu angka 10 ditampilkan:

javascriptlet i = 0;

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