JavaScript Zamanlayıcı Durdurma

Bir zamanlayıcıyı nasıl başlatacağınızı zaten biliyorsunuz, şimdi onu nasıl durduracağımızı öğrenelim. Bunun için bilmeniz gereken, setInterval fonksiyonu ile başlatılan her zamanlayıcının benzersiz bir numarası olduğudur. Bu numarayı, setInterval fonksiyonu zamanlayıcı başlatıldığı anda döndürür:

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

alert(timerId); // zamanlayıcı numarasını gösterecek

Zamanlayıcıyı durdurmak için, durdurulması gereken zamanlayıcının benzersiz numarasını alan clearInterval fonksiyonu kullanılır.

Örnek olarak, konsola 1'den başlayarak artan sayılar yazdıran bir zamanlayıcı başlatalım. Ekrana 10 sayısı yazdırıldığı anda zamanlayıcıyı durduralım:

let i = 0;

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

Başlangıçta 10 sayısını saklayan bir değişken verilsin. Bu değişkenin değerini her saniye 1 azaltan ve bu değeri konsola yazdıran bir zamanlayıcı başlatın. Değişkenin değeri sıfıra ulaştığında - zamanlayıcıyı durdurun.