خصائص AnimationEvent elapsedTime

Ɗanar ɗanar DOM AnimationEvent ɗanar

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

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

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

التعليقات:للم animationstart ɗanar،يستمر هذا الخاصية في العودة بـ "0".

التعليقات:هذه الخاصية قابلة للقراءة فقط.

مثال

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

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "وقت الارتفاع: " + event.elapsedTime;
}

جرب بنفسك

النحو

حدث.elapsedTime

تفاصيل تقنية

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

دعم المتصفح

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

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

الصفحة المطلوبة

Kwararrun HTML DOM:animationstart ɗanar

Kwararrun HTML DOM:animationiteration ɗanar

Kwararrun HTML DOM:animationend ɗanar

Kwararrun HTML DOM:AnimationEvent animationName ɗanar

Kwararrun CSS3:CSS3 animation ɗanar

Kwararrun CSS3:CSS3 animation-duration ɗanar

Ɗanar ɗanar DOM AnimationEvent ɗanar