最新的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

<事件对象