最新的Web開發教程
 

AnimationEvent elapsedTime Property

<事件對象

例

找出多少秒的動畫已經運行：

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);

function myRepeatFunction(event) {
    this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
試一試»

定義和用法

所述elapsedTime屬性返回的動畫已經運行的秒數，當動畫事件發生。

注：如果動畫暫停返回值是不是受影響(by using the animation-delay CSS property) 。

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

此屬性為只讀。

瀏覽器支持

在表中的數字規定，完全支持該財產瀏覽器版本。

屬性
elapsedTime 是 10.0 6 是 是

句法

event .elapsedTime

技術細節

返回值： 一個數字，表示秒的動畫數已運行

相關頁面

HTML DOM參考： 該animationstart事件

HTML DOM參考： 該animationiteration事件

HTML DOM參考： 該animationend事件

HTML DOM參考： AnimationEvent animationName Property

CSS參考： CSS3 animation Property

CSS參考： CSS3 animation-duration Property

<事件對象