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