مثال (رویداد انتقال elapsedTime)
Find out how many seconds a transition has been running:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
خودتان امتحان کنید »
تعریف و کاربرد
The elapsedTime property returns the number of seconds a transition has been running, when a transitionend event occurs.
Note: The return value is not affected if the transition is paused (by using the transition-delay CSS property).
This property is read-only.
پشتیبانی مرورگرها
The numbers in the table specify the first browser version that fully supports the property.
| متد | |||||
|---|---|---|---|---|---|
| elapsedTime | بله | 10.0 | 4.0 | بله | بله |
نحوه استفاده
event.elapsedTime
جزئیات تکنیکی
| مقدار برگشتی | A Number, representing the number of seconds a transition has been running |
|---|
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال The transitionend Event
مرجع مدل DOM در اچ تی ام ال TransitionEvent propertyName Property
CSS reference: CSS3 transition Property
CSS reference: CSS3 transition-duration Property
مرجع کلیه رویدادهای JavaScript
