AnimationEvent elapsedTime বৈশিষ্ট্য
সংজ্ঞা ও ব্যবহার
elapsedTime বৈশিষ্ট্যটি একটি অ্যানিমেশন ইভেন্ট ঘটার সময় অ্যানিমেশন যে সময় চলেছে সেটা নির্দেশ করে。
মন্তব্য:যদি অ্যানিমেশন স্থগিত হয় (CSS বৈশিষ্ট্য animation-delay ব্যবহার করে), তবে ফলাফল প্রভাবিত না হয়。
মন্তব্য:জন্য animationstart ইভেন্টএই বৈশিষ্ট্যটি সর্বদা "0" ফলাফল দেয়。
মন্তব্য:এই বৈশিষ্ট্যটি শুধুমাত্র পড়যোগ্য。
উদাহরণ
কোন অ্যানিমেশন কত সেকেন্ড চলেছে নির্ণয় করুন:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
সংজ্ঞা
event.elapsedTime
প্রযুক্তিগত বিবরণ
| ফলাফল: | সংখ্যা মান, যা অ্যানিমেশন চলাকালীন সেকেন্ডসমূহকে নির্দেশ করে。 |
|---|
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে。
| বৈশিষ্ট্য | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| elapsedTime | সমর্থন | 10.0 | 6.0 | সমর্থন | সমর্থন |
সংশ্লিষ্ট পৃষ্ঠা
HTML DOM 参考手册：animationstart ইভেন্ট
HTML DOM 参考手册：animationiteration ইভেন্ট
HTML DOM 参考手册：animationend ইভেন্ট
HTML DOM 参考手册：AnimationEvent animationName বৈশিষ্ট্য
CSS 参考手册：CSS3 animation বৈশিষ্ট্য
CSS 参考手册：CSS3 animation-duration বৈশিষ্ট্য
