animationend ইভেন্ট

DOM ইভেন্ট AnimationEvent

সংজ্ঞা ও ব্যবহার

CSS অ্যানিমেশন সম্পূর্ণ হলে animationend ইভেন্ট ঘটে

CSS অ্যানিমেশন সম্পর্কে আরও জানতে, আমাদের CSS3 অ্যানিমেশন টিউটোরিয়াল。

CSS অ্যানিমেশন প্লে হলে তিনটি ইভেন্ট ঘটতে পারে:

  • animationstart - CSS অ্যানিমেশন শুরু করলে ঘটে
  • animationiteration - CSS অ্যানিমেশন পুনরাবৃত্ত হলে ঘটে
  • animationend - CSS অ্যানিমেশন সম্পূর্ণ হলে ঘটে

উদাহরণ

CSS অ্যানিমেশন শেষ হলে <div> ইলেকট্রনিক এলিমেন্টের জন্য কিছু করুন:

var x = document.getElementById("myDIV");
// Chrome, Safari এবং Opera-র জন্য কোড
x.addEventListener("webkitAnimationEnd", myEndFunction);
// প্রমাণ বিধি
x.addEventListener("animationend", myEndFunction);

আপনার নিজের চেষ্টা করুন

প্রমাণ বিধি

object.addEventListener("webkitAnimationEnd", myScript);  // Chrome, Safari এবং Opera-র জন্য কোড
object.addEventListener("animationend", myScript);        // প্রমাণ বিধি

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি addEventListener() পদ্ধতিকে সমর্থন করে না addEventListener() পদ্ধতি。

প্রযুক্তিগত বিবরণ

বালুকি: সমর্থিত
বাতিল করা যেতে পারে: সমর্থিত না
ইভেন্ট ধরন: AnimationEvent
DOM সংস্করণ: লেভেল ৩ ইভেন্ট

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই ইভেন্টটি সম্পূর্ণভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণ উল্লেখ করেছে。

সংখ্যার পরের "webkit" বা "moz"-এর মাধ্যমে ব্যবহৃত প্রথম সংস্করণ উল্লেখ করা হয়েছে。

ইভেন্ট Chrome IE Firefox Safari Opera
animationend 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 বৈশিষ্ট্য

HTML DOM পরিশীলন হান্ডবুকঃStyle animation বৈশিষ্ট্য

DOM ইভেন্ট AnimationEvent