JavaScript တွင် အချိန်ကို ထိန်းချုပ်ခြင်း နှင့် DOM ကို လက်တွေ့လေ့ကျင့်ခြင်း

ကျွန်ုပ်တို့တွင် အောက်ပါ input ရှိသည်ဆိုပါစို့။

<input id="elem" value="1">

ယခု အချိန်ကို ထိန်းချုပ်သည့် (timer) တစ်ခုလုပ်ကြပါစို့။ ထို timer သည် စက္ကန့်တိုင်း ကျွန်ုပ်တို့၏ input ၏ value attribute ကို တစ်တိုးပေးသွားမည်။

let elem = document.querySelector('#elem');

setInterval(function() {
	elem.value = Number(elem.value) + 1;
}, 1000);

အထက်ပါကုဒ်တွင် Number လုပ်ဆောင်ချက်ကို အဘယ်ကြောင့် အသုံးပြုထားသနည်း။ အကယ်၍ ဤလုပ်ဆောင်ချက်ကို ဤကုဒ်တွင် မရေးပါက မည်သို့ဖြစ်လာမည်နည်း။

Input ၏ value attribute တွင် အစက 10 ကိန်းကို ထည့်သွင်းထားသည်ဆိုပါစို့။ Timer တစ်ခုကို စတင်ပါ။ ထို Timer သည် စက္ကန့်တိုင်း ယင်းကိန်းကို တစ်လျှော့ပေးသွားမည်။

အထက်ပါ ပုစ္ဆာကို အောက်ပါအတိုင်း ပြင်ဆင်ပါ။ Input အတွင်းရှိ အကြောင်းအရာ သုညဖြစ်လာသည်နှင့် timer ၏ လုပ်ဆောင်ချက် ရပ်တန့်သွားရမည်။