JavaScript တွင် setInterval function ကိုအသုံးပြုခြင်း၏ အခြေခံများ

ဤသင်ခန်းစာတွင် JavaScript ရှိ အချိန်တိုင်းကိရိယာများနှင့် အလုပ်လုပ်ပုံကို သင်ယူရမည်။ အချိန်တိုင်းကိရိယာများကို နားလည်ပြီးနောက်၊ သင်၏စာမျက်နှာပေါ်တွင် သတ်မှတ်ထားသော အချိန်ကာလပြီးတိုင်း လုပ်ဆောင်ချက်အချို့ကို အလိုအလျောက် လုပ်ဆောင်နိုင်မည်။ ဥပမာအားဖြင့်၊ ရုပ်ပုံများကို စက္ကန့်တိုင်း အလိုအလျောက် ပြောင်းပေးမည့် ရုပ်ပုံပြခြင်း (slider) တစ်ခု ပြုလုပ်နိုင်သည်။

JavaScript တွင် အချိန်တိုင်းကိရိယာများနှင့် အလုပ်လုပ်ရန် setInterval function ကို အသုံးပြုပြီး၊ ယင်းက သတ်မှတ်ထားသော code ကို သတ်မှတ်ထားသော အချိန်ကာလကြားမှ အလိုအလျောက် စတင်လုပ်ဆောင်ပေးသည်။

ဤ function သည် အောက်ပါအတိုင်း အလုပ်လုပ်သည်- ပထမ parameter အဖြစ် ၎င်းက function ၏မူရင်း code ကို လက်ခံပြီး၊ ဒုတိယ parameter အဖြစ် function ကို အလိုအလျောက် ခေါ်ယူမည့် အချိန်ကာလ (interval) ကို လက်ခံသည်။ ဒုတိယ parameter ကို millisecond ဖြင့် သတ်မှတ်သည် (1000 milliseconds = 1 second)။

ယခု ဥပမာတစ်ခုခုဖြင့် ဤ function ၏အလုပ်လုပ်ပုံကို လေ့လာကြပါစို့။ ဥပမာအားဖြင့်၊ console တွင် တစ်စုံတစ်ရာကို စက္ကန့်တိုင်း ရိုက်ထုတ်ပေးမည့် code တစ်ခုကို ရေးသားကြမည်။

ပထမဦးစွာ console တွင် တစ်စုံတစ်ရာကို ရိုက်ထုတ်ပေးမည့် function တစ်ခု ပြုလုပ်ပါမည်-

function timer() {
	console.log('!');
}

ယခု setInterval ကိုအသုံးပြု၍ ကျွန်ုပ်တို့ဖန်တီးထားသော function ကို စက္ကန့်တိုင်း လုပ်ဆောင်စေပါမည်-

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

function အသီးသီး ဖန်တီးရန် မလိုအပ်ပါ- setInterval ၏ ပထမ parameter သို့ အမည်မဲ့ function (anonymous function) တစ်ခုကို ဤကဲ့သို့ လွဲပြောင်းပေးနိုင်သည်-

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

အချိန်တိုင်းကိရိယာ (timer) တစ်ခုကို စတင်ပါ၊ ထို timer သည် 3 စက္ကန့်တိုင်း console တွင် တစ်စုံတစ်ရာကို ရိုက်ထုတ်ပေးရမည်။