AnimationEvent elapsedTime 屬性

DOM 事件 AnimationEvent

定義和用法

elapsedTime 屬性返回動畫已運行的秒數，當一個動畫事件發生時。

注釋：如果動畫暫停（通過使用 CSS 屬性 animation-delay），則返回值不受影響。

注釋：對于 animationstart 事件，此屬性始終返回 "0"。

注釋：該屬性只讀。

實例

確定動畫運行了多少秒：

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

親自試一試

語法

event.elapsedTime

技術細節

返回值： 數字值，表示動畫運行的秒數。

瀏覽器支持

表中的數字注明了完全支持該屬性的首個瀏覽器版本。

屬性 Chrome IE Firefox Safari Opera
elapsedTime 支持 10.0 6.0 支持 支持

相關頁面

HTML DOM 參考手冊：animationstart 事件

HTML DOM 參考手冊：animationiteration 事件

HTML DOM 參考手冊：animationend 事件

HTML DOM 參考手冊：AnimationEvent animationName 屬性

CSS 參考手冊：CSS3 animation 屬性

CSS 參考手冊：CSS3 animation-duration 屬性

DOM 事件 AnimationEvent