TransitionEvent elapsedTime 屬性
定義和用法
當發生 transitionend 事件時, elapsedTime 屬性返回過渡已經運行的秒數。
注釋:如果過渡暫停(通過使用 CSS 屬性 transition-delay),則返回值不受影響。
注釋:該屬性只讀。
實例
確定過渡運行了多少秒:
document.getElementById("myDIV").addEventListener("transitionend", myFunction); function myFunction(event) { this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds"; }
語法
event.elapsedTime
技術細節
返回值: | 數字值,表示過渡已運行的秒數。 |
---|
瀏覽器支持
表中的數字注明了完全支持該屬性的首個瀏覽器版本。
屬性 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
elapsedTime | 支持 | 10.0 | 支持 | 支持 | 支持 |
相關頁面
HTML DOM 參考手冊:transitionend 事件
HTML DOM 參考手冊:TransitionEvent propertyName 屬性
CSS 參考手冊:CSS3 transition 屬性
CSS 參考手冊:CSS3 transition-duration 屬性