animationiteration ဖြစ်ပေါ်မှု

DOM အခြေအနေ AnimationEvent

အသုံးပြုနည်းဥပဒေ

animationiteration အခမ်းအနား လှုပ်ရှားဆောင်ဒါ ပြန်ပြန် လှုပ်ရှားဆောင်သည့် အခါ

အခါ CSS animation-iteration-count ဗဟိုက္ခဏာအသုံးပြု "1" ဖြစ်လျှင် လှုပ်ရှားဆောင်ဒါ သာ တစ်ကြိမ် ဖြင့် လှုပ်ရှားဆောင်ဒါ ဖြစ်သည်။ animationiteration အခမ်းအနား ဖြစ်လိမ့်မည်။ လှုပ်ရှားဆောင်ဒါ ပြန်ပြန် လှုပ်ရှားဆောင်ရမည်မဟုတ် အခမ်းအနား ဖြစ်လိမ့်မည်

စီးပွား လှုပ်ရှားဆောင်ဒါ နှင့် ပတ်သက်၍ ပိုမိုသိရှိရန် ကျေးဇူး ကျသွား စီးပွား 3 အစီအစဉ် လှုပ်ရှားဆောင်ဒါ သမား

当 CSS 动画播放时，可能会发生三个事件：

  • animationstart - CSS အနုပညာ စတင် ဖြစ်ပွား
  • animationiteration - CSS အနုပညာ အပြောင်းအလဲ ဖြစ်ပွား
  • animationend - CSS အနုပညာ ပြီးပြီး ဖြစ်ပွား

အမှတ်အသား

CSS အနုပညာ အပြောင်းအလဲ အခါ အချက်အလက် <div> အကျုပ် ကို ပြုပြင်ပါ

var x = document.getElementById("myDIV");
// Chrome, Safari နှင့် Opera အတွက် အပြုအမူ
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// အဓိက အပြုအမူ
x.addEventListener("animationiteration", myRepeatFunction);

ကျွန်ုပ်ကိုယ်ဖြင့် စစ်ဆေးကြည့်ပါ

အဓိက ပြုအမူ

object.addEventListener("webkitAnimationIteration", myScript);  // Chrome, Safari နှင့် Opera အတွက် အပြုအမူ
object.addEventListener("animationiteration", myScript);        // အဓိက အပြုအမူ

အစီရင်ခံInternet Explorer 8 သို့မဟုတ် အရောက်အချင်း အသုံးပြုခြင်း addEventListener() မီးရထာ

နည်းပါး အချက်

ပေါ်လွင် ကူအညီ
ပြန်ရိုက်ဖျက်ခြင်းခံနိုင် အကူအညီ မပြု
အခြေအနေ အမျိုးအစား AnimationEvent
DOM အဆင်း Level 3 Events

ဘာသာစကား အခြေအနေ

အခန်းကျင်းတွင် နေရာတွင် အကျုပ် အထိပ် အား သုံးပြီးပြီး အကျုပ် အထိပ် အား ပထမဆုံး ကျော်ကြားသည့် ဘာသာစကား ကို ညွှန်ပြသည်

နေရာတွင် "webkit" သို့မဟုတ် "moz" အကျုပ် အထိပ်အား သုံးပြီးပြီး အသုံးပြုသည့် ပထမဆုံး ဘာသာစကား ကို ညွှန်ပြသည်

အခြေအနေ Chrome IE Firefox Safari Opera
animationiteration 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

အစီရင်ခံChrome, Safari နှင့် Opera အတွက် webkitAnimationEnd ကို အသုံးပြုပါ

ခေတ်ချယ်ပြီး ပုံပေါင်း

CSS ဖော်ပြချက်CSS3 အနုပညာ

CSS လက်တွေကျမ်းCSS3 animation အကျုပ်

CSS လက်တွေကျမ်းCSS3 animation-iteration-count အကျုပ်

HTML DOM လက်တွေကျမ်းStyle animation ဗဟိုက္ခဏာ

DOM အခြေအနေ AnimationEvent