JavaScript Timing Events
၁
၂
၃
၄
၅
၆
၇
၈
၉
၁၀
၁၁
၁၂
|
JavaScript ကို အချိန်ပိုင်းခြား၍ လုပ်ဆောင်နိုင်သည်။ အချိန်ကိုက် အဖြစ်အပျက်များဟု ခေါ်သည်။ |
အချိန်ကိုက်ပွဲများ
အ window
ရာဝတ္တုသည် သတ်မှတ်ထားသော အချိန်အပိုင်းအခြားများတွင် ကုဒ်ကို အကောင်အထည်ဖော်ခွင့်ပြုသည်။
ဤအချိန်ကြားကာလများကို အချိန်ကိုက်ဖြစ်ရပ်များဟုခေါ်သည်။
JavaScript ကိုအသုံးပြုရန် အဓိကနည်းလမ်းနှစ်ခုမှာ-
setTimeout(function, milliseconds
)
သတ်မှတ်ထားသော မီလီစက္ကန့်အရေအတွက်ကို စောင့်ပြီးနောက် လုပ်ဆောင်ချက်တစ်ခုကို လုပ်ဆောင်သည်။setInterval(function, milliseconds
)
setTimeout() နှင့် တူသော်လည်း function ၏ execution ကို စဉ်ဆက်မပြတ် ပြန်လုပ်သည်။
setTimeout()
၎င်းသည် HTML DOM Window အ ရာ ဝတ္တု ၏ setInterval()
နည်းလမ်းနှစ်ခုစလုံးဖြစ်သည်။
setTimeout() နည်းလမ်း
window.setTimeout(function, milliseconds);
window.setTimeout()
နည်းလမ်းကို window prefix မပါဘဲရေးနိုင်သည် ။
ပထမ parameter သည် လုပ်ဆောင်ရမည့် function တစ်ခုဖြစ်သည်။
ဒုတိယဘောင်သည် လုပ်ဆောင်မှုမပြုမီ မီလီစက္ကန့်အရေအတွက်ကို ညွှန်ပြသည်။
ဥပမာ
ခလုတ်တစ်ခုကိုနှိပ်ပါ။ 3 စက္ကန့်စောင့်ပါ၊ စာမျက်နှာသည် "Hello" ကိုသတိပေးလိမ့်မည်။
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script>
ကွပ်မျက်မှုကို ဘယ်လိုရပ်တန့်မလဲ။
နည်းလမ်း သည် clearTimeout()
setTimeout() တွင် သတ်မှတ်ထားသည့် လုပ်ဆောင်ချက်ကို ရပ်တန့်စေသည်။
window.clearTimeout(timeoutVariable)
window.clearTimeout()
နည်းလမ်းကို window prefix မပါဘဲရေးနိုင်သည် ။
method သည် : clearTimeout()
မှပြန်လာသော variable ကိုအသုံးပြုသည် ။setTimeout()
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
လုပ်ဆောင်ချက်ကို မလုပ်ဆောင်ရသေးပါက၊ clearTimeout()
နည်းလမ်းကိုခေါ်ဆိုခြင်းဖြင့် လုပ်ဆောင်ချက်ကို ရပ်တန့်နိုင်သည်-
ဥပမာ
အထက်ဖော်ပြပါ ဥပမာနှင့် တူညီသော်လည်း ထည့်သွင်းထားသော "ရပ်ရန်" ခလုတ်ဖြင့်-
<button onclick="myVar = setTimeout(myFunction, 3000)">Try it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
setInterval() နည်းလမ်း
နည်းလမ်း သည် setInterval()
သတ်မှတ်ထားသော အချိန်ပိုင်းခြားတိုင်းတွင် ပေးထားသော လုပ်ဆောင်ချက်ကို ပြန်လုပ်သည်။
window.setInterval(function, milliseconds);
window.setInterval()
နည်းလမ်းကို window prefix မပါဘဲရေးနိုင်သည် ။
ပထမ parameter သည် လုပ်ဆောင်ရမည့် function ဖြစ်သည်။
ဒုတိယဘောင်သည် လုပ်ဆောင်မှုတစ်ခုစီကြားရှိ အချိန်-ကြားကာလကို ညွှန်ပြသည်။
ဤဥပမာသည် စက္ကန့်တိုင်းတွင် "myTimer" ဟုခေါ်သော လုပ်ဆောင်ချက်ကို လုပ်ဆောင်သည် (ဒစ်ဂျစ်တယ်နာရီကဲ့သို့)။
ဥပမာ
လက်ရှိအချိန်ကို ပြသပါ-
setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
တစ်စက္ကန့်တွင် 1000 မီလီစက္ကန့် ရှိပါသည်။
ကွပ်မျက်မှုကို ဘယ်လိုရပ်တန့်မလဲ။
clearInterval()
method သည် setInterval() method တွင် သတ်မှတ်ထားသည့် function ၏ execute များကို ရပ်တန့်စေသည် ။
window.clearInterval(timerVariable)
window.clearInterval()
နည်းလမ်းကို window prefix မပါဘဲရေးနိုင်သည် ။
method သည် : clearInterval()
မှပြန်လာသော variable ကိုအသုံးပြုသည် ။setInterval()
let myVar = setInterval(function, milliseconds);
clearInterval(myVar);
ဥပမာ
အထက်ဖော်ပြပါ ဥပမာနှင့် တူညီသော်လည်း ကျွန်ုပ်တို့သည် "ရပ်တန့်ချိန်" ခလုတ်ကို ထည့်သွင်းထားပါသည်။
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
let myVar = setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>