animationend ایوینٹ

DOM ایوینٹ AnimationEvent

تعریف اور استعمال

جب CSS موشن مکمل ہو جائے، animationend واقع آتا ہے

آپ CSS موشن کا مزید معلومات چاہتے ہیں تو، ہمارے کورس کا معلومات حاصل کریں CSS3 موشن کورس.

جب CSS موشن پلے ہو جائے، تین واقعات ممکن ہوتے ہیں:

  • animationstart - جب CSS موشن شروع ہو جائے، اس کا واقع ہوتا ہے
  • animationiteration - جب CSS موشن دوبارہ شروع ہو جائے، اس کا واقع ہوتا ہے
  • animationend - جب CSS موشن مکمل ہو جائے، اس کا واقع ہوتا ہے

مثال

جب CSS موشن مکمل ہو جائے، <div> عنصر پر کچھ کرنا:

var x = document.getElementById("myDIV");
// کروم، سافاری اور اپرا کے لئے کد
x.addEventListener("webkitAnimationEnd", myEndFunction);
// معیاری زبان
x.addEventListener("animationend", myEndFunction);

آپ خود کا تجربہ کریں

زبان

عنصر.addEventListener("webkitAnimationEnd", myScript);  // کروم، سافاری اور اپرا کے لئے کد
عنصر.addEventListener("animationend", myScript);        // معیاری زبان

نوٹ:اینٹرنیشنل ایکسپلورر 8 یا اس سے پچھلے کی ورژن، اس طریقہ کار کو مدد نہیں دیتا addEventListener() طریقہ کار.

تکنیکی تفصیلات

ببپ: ممکن
مقابل منسوخ: ناممکن
کیمنات کا نوعیت: AnimationEvent
DOM ورژن: مستوا 3 کے کیمنات

براؤزر کی مدد

میزان میں کا اعداد، اس کیمنات کا پورا تعاون کا ابتدائی براؤزر ورژن نشان دہی دیتا ہے۔

اعداد کے بعد کا "webkit" یا "moz"، ابتدائی ورژن کو نشان دہی دیتا ہے جس میں پریفکس استعمال کیا گیا ہے۔

کیمنات کروم آئی ای فائر فاکس سافاری اپرا
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

نوٹ:کروم، سافاری اور اپرا کے لئے، webkitAnimationEnd استعمال کریں

معلومات مرتبط

CSS کورس:CSS3 انیمیشن

CSS مراجع دفتر:CSS3 animation کا حصہ

HTML DOM مراجع دفتر:Style animation کا حصہ

DOM ایوینٹ AnimationEvent