TransitionEvent elapsedTime 属性
示例
找出过渡运行了多少秒
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
自己试试 »
描述
elapsedTime 属性在发生 transitionend 事件时返回过渡运行的秒数。
注意：即使过渡被暂停（使用 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 |
