Window setInterval()
ဥပမာများ
စက္ကန့်တိုင်း "Hello" ကို ပြသပါ (1000 မီလီစက္ကန့်)
setInterval(function () {element.innerHTML += "Hello"}, 1000);
စက္ကန့်တိုင်း မင်္ဂလာပါလို့ ခေါ်ဆိုပါ။
setInterval(displayHello, 1000);
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နည်းလမ်း သည် setInterval()
သတ်မှတ်ထားသော ကြားကာလများ (မီလီစက္ကန့်အတွင်း) တွင် လုပ်ဆောင်ချက်တစ်ခုကို ခေါ်ဆိုသည်။
မခေါ်မ ချင်း ၊ သို့မဟုတ် ဝင်းဒိုးပိတ် setInterval()
သွားသည်အထိ နည်းလမ်းသည် လုပ်ဆောင်ချက်ကို ဆက်လက်ခေါ်ဆိုသည်
။clearInterval()
1 စက္ကန့် = 1000 မီလီစက္ကန့်။
မှတ်ချက်
လုပ်ဆောင်ချက်ကို တစ်ကြိမ်သာ လုပ်ဆောင်ရန်၊ ၎င်း setTimeout()
အစား နည်းလမ်းကို အသုံးပြုပါ။
ကြားကာလကို ရှင်းလင်းရန် setInterval() မှ ပြန် ပေးသော id ကို အသုံးပြုပါ။
myInterval = setInterval(function, milliseconds);
ထို့နောက် clearInterval():
clearInterval(myInterval);
ကိုလည်းကြည့်ပါ-
အထားအသို
setInterval(function, milliseconds, param1, param2, ...)
ကန့်သတ်ချက်များ
Parameter | Description |
function | Required. The function to execute |
milliseconds | Required. The execution interval. If the value is less than 10, 10 is used |
param1, param2, ... | Optional. Additional parameters to pass to the function Not supported in IE9 and earlier. |
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
နံပါတ်တစ်ခု | timer ၏ ID။ timer ကို ပယ်ဖျက်ရန် clearInterval() ဖြင့် ဤ ID ကိုသုံးပါ။ |
နောက်ထပ် ဥပမာများ
ဥပမာ
ဒစ်ဂျစ်တယ်နာရီကဲ့သို့ အချိန်ကို ပြသပါ-
setInterval(myTimer, 1000);
function myTimer()
{
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
ဥပမာ
ဒစ်ဂျစ်တယ်နာရီကိုရပ်တန့်ရန် clearInterval() ကိုအသုံးပြုခြင်း-
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction()
{
clearInterval(myInterval);
}
ဥပမာ
ပြောင်းလဲနေသောတိုးတက်မှုဘားကိုဖန်တီးရန် setInterval() နှင့် clearInterval() ကိုအသုံးပြုခြင်း-
function move() {
const element = document.getElementById("myBar");
let width = 0;
let id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
ဥပမာ
500 မီလီစက္ကန့်လျှင် တစ်ကြိမ် နောက်ခံအရောင် နှစ်ခုကြား ပြောင်းရန်-
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
ဥပမာ
လုပ်ဆောင်ချက်သို့ ဘောင်များကို ဖြတ်သန်းပါ (IE9 နှင့် အထက်တွင် အလုပ်မလုပ်ပါ)
setInterval(myFunc, 2000, "param1", "param2");
သို့သော် သင်သည် အမည်မသိ လုပ်ဆောင်ချက်ကို အသုံးပြုပါက ၎င်းသည် ဘရောက်ဆာအားလုံးတွင် အလုပ်လုပ်သည်-
setInterval(function() {myFunc("param1", "param2")}, 2000);
Browser ပံ့ပိုးမှု
setInterval()
ဘရောက်ဆာအားလုံးတွင် ထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |