JavaScript HTML DOM elapsedTime 转换事件属性

  • elapsedTime 事件属性

    elapsedTime属性返回转发事件发生时转换的运行秒数。
    注意:如果转换暂停(通过使用transition-delay CSS属性),则返回值不受影响。
    此属性是只读的。
    找出转换运行的秒数:
    document.getElementById("myDIV").addEventListener("transitionend", myFunction);
    
    function myFunction(event) {
      this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
    }
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    elapsedTime
    10.0+
    支持
    支持
    支持
    支持
  • 语法

    event.elapsedTime
  • 技术细节

    项目 描述
    返回值: 一个数字,表示转换已运行的秒数
  • 相关页面

    CSS参考:CSS3 transition属性