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