JavaScript да Таймерлар ва DOM ишлов амалиёти
Фарз қилайлик, бизда инпут мавжуд:
<input id="elem" value="1">
Келинг, хар бир сонияда бизнинг инпутимизнинг
value атрибутининг қийматини биттага
оширадиган таймер ясаймиз:
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
Юқорида келтирилган кодда Number
функцияси нима учун ишлатилганини тушунтиринг.
Агар бу функцияни ёзмасак, нима бўлади?
Фарз қилайлик, инпутнинг value атрибутида
бошланишда 10 сақланган. Хар сонияда бу
сонни биттага камайтирадиган таймерни ишга
tушуринг.
Олдинги машқни шундай модификация қилингки, инпут ичидаги қиймат нолга тенг бўлгани билан, таймер ўз ишини тўхтатсин.