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 |
