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 屬性