JavaScript HTML DOM elapsedTime 事件属性

• 

  elapsedTime 事件属性

  elapsedTime属性返回动画事件发生时动画运行的秒数。

  注意：如果动画暂停（通过使用animation-delay CSS属性），则返回值不受影响。

  注意：对于animationstart事件，此属性始终返回“0”。

  此属性是只读的。

  例子：找出动画运行的秒数：：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  elapsedTime	10.0+	支持	6.0+	支持	支持

• 

  语法

  event.elapsedTime
• 

  技术细节

  项目	描述
  返回值：	一个数字，表示动画运行的秒数

• 

  技术细节

  HTML DOM参考：animationstart事件

  HTML DOM参考：animationiteration事件

  HTML DOM参考：animationend事件

  HTML DOM参考：AnimationEvent elapsedTime属性

  CSS参考：CSS3 animation 属性

  CSS参考：CSS3 animation-duration属性