JavaScript HTML DOM ontimeupdate 事件

• 

  ontimeupdate 事件

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

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

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

  当前播放位置发生变化时执行JavaScript：

  <video ontimeupdate="myFunction()">

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  ontimeupdate	9.0+	支持	支持	支持	支持

• 

  语法

  在HTML中：

  <element ontimeupdate="myScript">

  在JavaScript中：

  object.ontimeupdate = function(){myScript};

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

  object.addEventListener("timeupdate", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	没有
  取消：	没有
  事件类型：	Event
  支持的HTML标记：	<audio>和<video>
  DOM版本	DOM Event Level 3

• 

  更多例子

  当音频的当前播放位置发生变化时执行JavaScript：

  audio ontimeupdate="myFunction()"

  尝试一下

  使用currentTime属性将当前播放位置设置为5秒：

  document.getElementById("myVideo").currentTime = 5;

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML ontimeupdate 属性