JavaScript taymerini to'xtatish

Siz taymerni qanday ishga tushirishni allaqachon bilasiz, endi uni qanday to'xtatishni o'rganamiz. Buning uchun siz bilishingiz kerakki, setInterval funktsiyasi yordamida ishga tushirilgan har bir taymer o'ziga xos raqamga ega. Bu raqamni setInterval funktsiyasi taymer ishga tushgan paytda qaytaradi:

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

alert(timerId); // taymer raqamini chiqaradi

Taymerni to'xtatish uchun clearInterval funktsiyasi ishlatiladi, u qaysi taymerni to'xtatish kerak bo'lsa, shu taymerning o'ziga xos raqamini qabul qiladi.

Misol uchun, konsolga 1 dan boshlab ortib boruvchi sonlarni chiqaruvchi taymerni ishga tushiramiz. Ekranda 10 soni chiqqach, taymerni to'xtatamiz:

let i = 0;

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

Faraz qilaylik, o'zgaruvchi berilgan bo'lib, dastlab unda 10 soni saqlanayotgan bo'lsin. Har soniyada ushbu o'zgaruvchining qiymatini 1 ga kamaytirib va bu qiymatni konsolga chiqaruvchi taymerni ishga tushing. O'zgaruvchi qiymati nolga yetgach - taymerni to'xtating.