خاصية TransitionEvent elapsedTime
مثال
اكتشف عدد الثواني التي تم خلالها تشغيل الانتقال:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
التعريف والاستخدام
تُرجع الخاصية elapsedTime عدد الثواني التي تم خلالها تشغيل انتقال ، عند حدوث حدث انتقالي .
ملاحظة: لا تتأثر قيمة الإرجاع إذا تم إيقاف الانتقال مؤقتًا (باستخدام خاصية CSS الخاصة بتأخير الانتقال).
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
بناء الجملة
event.elapsedTime
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل عدد الثواني التي تم خلالها تشغيل الانتقال |
---|
الصفحات ذات الصلة
مرجع DOM HTML: حدث الانتقال
مرجع DOM HTML: خاصية اسم الخاصية TransitionEvent
مرجع CSS: خاصية انتقال CSS3
مرجع CSS: خاصية مدة انتقال CSS3