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:

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

let i = 0;

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

Misalkan diberikan variabel, yang awalnya menyimpan angka 10. Jalankan timer, yang setiap detik akan mengurangi nilai variabel ini sebesar 1 dan menampilkan nilai tersebut ke konsol. Begitu nilai variabel mencapai nol - hentikan timer.