AnimationEvent elapsedTime خاصية
مثال
اكتشف عدد الثواني التي تم تشغيل الرسوم المتحركة فيها:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
التعريف والاستخدام
تُرجع الخاصية elapsedTime عدد الثواني التي تم تشغيل الرسوم المتحركة فيها ، عند وقوع حدث الحركة.
ملاحظة: لا تتأثر قيمة الإرجاع إذا تم إيقاف الرسوم المتحركة مؤقتًا (باستخدام خاصية Animation-delay CSS).
ملاحظة: بالنسبة إلى حدث Animationstart ، تُرجع هذه الخاصية دائمًا "0".
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
بناء الجملة
event.elapsedTime
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل عدد الثواني التي تم تشغيل الرسوم المتحركة فيها |
---|
الصفحات ذات الصلة
مرجع HTML DOM: حدث بدء الرسوم المتحركة
مرجع DOM HTML: حدث إنشاء الرسوم المتحركة
مرجع DOM HTML: حدث الرسوم المتحركة
مرجع HTML DOM: AnimationEvent animationName الخاصية
مرجع CSS: خاصية الرسوم المتحركة CSS3
مرجع CSS: خاصية مدة الرسوم المتحركة CSS3