ontimeupdate 事件
定义和用法
ontimeupdate 事件发生在音频/视频的播放位置发生变化时。
此事件由以下情况触发:
- 播放音频/视频
- 移动播放位置(例如当用户快进到音频/视频中的不同点时)
提示:ontimeupdate 事件通常与音频/视频对象的 currentTime 属性一起使用,该属性返回音频/视频播放的当前位置,以秒为单位。
浏览器支持
表中的数字注明了完全支持该事件的首个浏览器版本。
事件 | Chrome | IE | 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 版本: | Level 3 Events |
更多实例
实例
当音频的当前播放位置改变时执行 JavaScript:
<audio ontimeupdate="myFunction()">
实例
使用 currentTime 属性将当前播放位置设置为 5 秒:
document.getElementById("myVideo").currentTime = 5;