خصائص elapsedTime لحدث AnimationEvent

أحداث DOM AnimationEvent

التعريف والاستخدام

تعيد الخاصية elapsedTime عدد الثواني التي تم تشغيل الرسوم المتحركة، عند حدوث أحد أحداث الرسوم المتحركة.

ملاحظة:إذا تم إيقاف الرسوم المتحركة (باستخدام خاصية CSS animation-delay)، فإن القيمة المطلوبة لا تتأثر.

ملاحظة:بالنسبة لـ حدث animationstart،تستمر هذه الخاصية في العودة بـ "0".

ملاحظة:هذه الخاصية قابلة للقراءة فقط.

مثال

تحديد عدد الثواني التي تعمل فيها الرسوم المتحركة:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

جرب بنفسك

النحو

حدث.elapsedTime

تفاصيل تقنية

القيمة المطلوبة: قيمة عددية، تمثل عدد الثواني التي يعمل فيها التحرك.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

خصائص Chrome IE Firefox Safari Opera
elapsedTime دعم 10.0 6.0 دعم دعم

صفحة ذات الصلة

دليل HTML DOM:حدث animationstart

دليل HTML DOM:حدث animationiteration

دليل HTML DOM:حدث animationend

دليل HTML DOM:خصائص animationName لحادثة AnimationEvent

دليل CSS:خصائص animation CSS3

دليل CSS:خصائص animation-duration CSS3

أحداث DOM AnimationEvent