လိုအပ်သော အများပြားစွာ

Window setInterval() စက္ခန်း

setInterval() အခြေခံ နှင့် အသုံးပြုခြင်း

setInterval() စက္ခန်း ကြီး က အခြား စက္ခန်း ကို အချိန်ကြား အသုံးပြုပါ clearInterval() သို့မဟုတ် ပိတ်ပွားကြီး ကို ပိတ်ပါ

စာကြောင်းအစီရင်ခံ

1 နာရီ = 1000 မီလီယာစင်

အကြောင်းအရာ setTimeout() စက္ခန်း

အစိတ်အပိုက် ဖျက်သိမ်း ရန် setInterval() ကွက်လက်ရဲ့ ID

myInterval = setInterval(function, milliseconds);

နောက်တွင် သင် ခေါ်ဆို နိုင်ပါ clearInterval() ပြီး အမှု ပြီးသွား ရန်

clearInterval(myInterval);

အခြား ကြည့်ရန်

clearInterval() စက္ခန်း

setTimeout() စက္ခန်း

clearTimeout() စက္ခန်း

အမှတ်

အမှတ် 1

တစ်နာရီ အတွင်းတွင် "Hello" ကို ပြသပါ (1000 မီလီယာစင်):

setInterval(function () {element.innerHTML += "Hello"}, 1000);

ကိုယ်ပိုင် ကြိုးစားမှု

အမှတ် 2

တစ်နာရီ အတွင်းတွင် displayHello ကို ခေါ်ဆိုပါ

setInterval(displayHello, 1000);

ကိုယ်ပိုင် ကြိုးစားမှု

ဘလက်ပတ် အောက်တွင် အများပြားစွာ အကျိုးသတ္တုပြုရာ ကြည့်ပါ

အသုံးပြုခြင်း

setInterval(function, milliseconds, param1, param2, ...)

ပြင်းပြီး

ပြင်းပြီး ဖော်ပြ
function လိုအပ်
milliseconds

လိုအပ်

အရာကို 10 ထက် ပိကျ ဖြစ် လျှင် 10 ကို အသုံးပြုပါ
param1, param2, ...

ဆိုင်းငံ့ဖြစ်

IE9 နှင့် အနည်းဆုံး ထောက်ပံ့ပေးသည်

ကွက်လက်ရဲ့

အမျိုးအစား ဖော်ပြ
စက္ခန်း

စက္ခန်း ID

ဒီ id ကို clearInterval() စက္ခန်းကို ဖျက်သိမ်းရန် အတူ အသုံးပြုပါ

ဘရာဇ်ဝါ ထောက်ပံ့ပေး

အားလုံး ဘရာဇ်ဝါ အား ထောက်ပံ့ပေးသည် setInterval()：

ချီလို အိုင်အို အိန်ဂျယ် ဖက်ဒရာ ဆာဖီ အိုပီယာ
ချီလို အိုင်အို အိန်ဂျယ် ဖက်ဒရာ ဆာဖီ အိုပီယာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပိုမို အကြောင်းကြား

အကြောင်းကြား 3

အခွက်အရေး ကို အခွက်အရေး ပြသသည်:

setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}

ကိုယ်ပိုင် ကြိုးစားမှု

အကြောင်းကြား 4

အခွက်အရေး ကို ရုပ်ရှင်မှာ ပြသသည်:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

ကိုယ်ပိုင် ကြိုးစားမှု

အကြောင်းကြား 5

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 + '%';
    }
  }
}

ကိုယ်ပိုင် ကြိုးစားမှု

အကြောင်းကြား 6

တစ်ကြိမ် တစ်ခါ 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);
}

ကိုယ်ပိုင် ကြိုးစားမှု

အကြောင်းကြား 7

ပါဝင်သော ပြင်းပြား ကို ပုံစံသတ်မှတ်သည် (IE9 နှင့် အနှစ်တစ်လျှင် မပြုလုပ်ပါ):

setInterval(myFunc, 2000, "param1", "param2");

ကိုယ်ပိုင် ကြိုးစားမှု

သို့သော်လည်း အန်နော်ဂန့် အသုံးပြုလျှင် အားလုံး ဘရာဇီဂီယာ အတွက် အသုံးပြုသည်:

setInterval(function() {myFunc("param1", "param2")}, 2000);

ကိုယ်ပိုင် ကြိုးစားမှု