例
找出多少秒的过渡已运行：
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过渡期限属性
事件对象