HTML audio/video DOM timeupdate事件

• 

  timeupdate事件定义和用法

  当音频/视频的播放位置发生变化时，会发生timeupdate事件。
  此事件由以下方式调用：

  • 播放音频/视频
  • 移动播放位置（例如当用户快进到音频/视频中的不同点时）

  提示：timeupdate事件通常与音频/视频对象的currentTime属性一起使用，该属性返回音频/视频播放的当前位置（以秒为单位）。

• 

  timeupdate事件浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  timeupdate事件语法

  在HTML中：

  <element ontimeupdate="script">

  在JavaScript中：

  object.ontimeupdate=function(){script};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("timeupdate", script);

• 

  timeupdate事件实例

  // 获取id="myAudio"的audio元素
  var aud = document.getElementById("myAudio");
  
  // 将ontimeupdate事件分配给audio元素，并在当前回放位置发生更改时执行函数
  aud.ontimeupdate = function() {myFunction()};
  
  function myFunction() {
      // 在id="demo"的p元素中显示音频的当前位置
      document.getElementById("demo").innerHTML = aud.currentTime;
  }

  尝试一下
• 

  timeupdate事件技术细节

  描述	备注
  支持的HTML标记：	<audio>和<video>
  支持的JavaScript对象：	Audio, Video

• 

  timeupdate事件相关页面

  HTML教程：HTML脚本

  HTML教程：HTML视频

  HTML教程：HTML音频