TransitionEvent elapsedTime 属性
示例
了解过渡已运行了多少秒
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
自己动手试一试 »
描述
当发生 transitionend 事件时，elapsedTime 属性返回过渡已运行的秒数。
注意：如果过渡被暂停（通过使用 transition-delay CSS 属性），返回值不受影响。
此属性为只读。
语法
event.elapsedTime
技术详情
| 返回值 | 一个数字，表示过渡已运行的秒数 |
|---|
相关页面
HTML DOM 参考：transitionend 事件
HTML DOM 参考：TransitionEvent propertyName 属性
CSS 参考：CSS3 transition 属性
CSS 参考：CSS3 transition-duration 属性
浏览器支持
event.elapsedTime 是 DOM Level 3 (2004) 的一个特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
