TransitionEvent လွန်သွားသောအချိန် ပိုင်ဆိုင်မှု
ဥပမာ
အကူးအပြောင်းတစ်ခု လုပ်ဆောင်နေသည်မှာ စက္ကန့်မည်မျှရှိသည်ကို ရှာဖွေပါ-
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
transitionend ဖြစ်ရပ်တစ်ခုဖြစ်ပေါ်လာသော အခါ elapsedTime ပိုင်ဆိုင်မှုသည် အကူးအပြောင်းတစ်ခုလုပ်ဆောင်နေသည့် စက္ကန့်အရေအတွက်ကို ပြန်ပေး သည်။
မှတ်ချက်- အကူးအပြောင်းကို ခေတ္တရပ်ထားပါက (အကူးအပြောင်း-နှောင့်နှေးခြင်း CSS ပိုင်ဆိုင်မှုကို အသုံးပြုခြင်းဖြင့်) ပြန်တန်ဖိုးကို ထိခိုက်မည်မဟုတ်ပါ။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
အထားအသို
event.elapsedTime
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | အကူးအပြောင်းတစ်ခု လုပ်ဆောင်နေသည့် စက္ကန့်အရေအတွက်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- အကူးအပြောင်း ဖြစ်ရပ်
HTML DOM ရည်ညွှန်း- TransitionEvent propertyName Property
CSS ရည်ညွှန်းချက်- CSS3 အကူးအပြောင်း ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- CSS3 အကူးအပြောင်း-ကြာချိန် ပိုင်ဆိုင်မှု