AnimationEvent လွန်သွားသော အချိန် ပိုင်ဆိုင်မှု
ဥပမာ
ကာတွန်းတစ်ခုသည် မည်မျှစက္ကန့်ကြာအောင် လုပ်ဆောင်ထားသည်ကို ရှာဖွေပါ-
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကာတွန်းဖြစ်ရပ်တစ်ခု ဖြစ်ပေါ်လာသောအခါ၊ လွန်သွားသောအချိန် ပိုင်ဆိုင်မှုသည် ကာတွန်းတစ်ခု လုပ်ဆောင်နေသည့် စက္ကန့်အရေအတွက်ကို ပြန်ပေးသည်။
မှတ်ချက်- အန်နီမေးရှင်းကို ခေတ္တရပ်ထားလျှင် (ကာတွန်းနှောင့်နှေးမှု CSS ပိုင်ဆိုင်မှုကို အသုံးပြုခြင်းဖြင့်) ပြန်တန်ဖိုးကို ထိခိုက်မည်မဟုတ်ပါ။
မှတ်ချက်- ကာတွန်း စတင်သည့်ဖြစ်ရပ် အတွက် ၊ ဤပိုင်ဆိုင်မှုသည် အမြဲတမ်း "0" ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
အထားအသို
event.elapsedTime
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | ကာတွန်းတစ်ခု လည်ပတ်နေသည့် စက္ကန့်အရေအတွက်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- လှုပ်ရှားသက်ဝင်မှုစတင်သည့်ဖြစ်ရပ်
HTML DOM အကိုး အကား- လှုပ်ရှားသက်ဝင်မှု ဖြစ်ရပ်
HTML DOM ရည်ညွှန်း- ကာတွန်းအဆုံးသတ်ဖြစ်ရပ်
HTML DOM ရည်ညွှန်း- AnimationEvent animationName Property
CSS ရည်ညွှန်းချက်- CSS3 ကာတွန်းပစ္စည်း ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- CSS3 ကာတွန်း-ကြာချိန် ပိုင်ဆိုင်မှု