例
找出多少秒的過渡已運行：
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過渡期限屬性
事件對象