ontimeupdate 事件
❮ DOM 事件
❮ Event 对象
实例
当前播放位置改变时执行 JavaScript:
<video ontimeupdate="myFunction()">
亲自试一试 »
页面下方有更多实例。
定义和用法
ontimeupdate 事件发生在音频/视频的播放位置发生变化时。
此事件由以下情况触发:
- 播放音频/视频
- 移动播放位置(例如当用户快进到音频/视频中的不同点时)
提示:ontimeupdate 事件通常与音频/视频对象的 currentTime 属性一起使用,该属性返回音频/视频播放的当前位置,以秒为单位。
浏览器支持
表中的数字表示支持该事件的第一个浏览器版本。
事件 |
|
|
|
|
|
ontimeupdate |
Yes |
9.0 |
Yes |
Yes |
Yes |
语法
在 HTML 中:
<element ontimeupdate="myScript">
亲自试一试 »
在 JavaScript 中:
object.ontimeupdate = function(){myScript};
亲自试一试 »
在 JavaScript 中,使用 addEventListener() 方法:
object.addEventListener("timeupdate", myScript);
亲自试一试 »
注释: Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技术细节
是否支持冒泡: |
No |
是否支持取消: |
No |
事件类型: |
Event |
支持的 HTML 标签: |
<audio> and <video> |
DOM 版本: |
Level 3 Events |
更多实例
实例
当音频的当前播放位置改变时执行 JavaScript:
<audio ontimeupdate="myFunction()">
亲自试一试 »
实例
使用 currentTime 属性将当前播放位置设置为 5 秒:
document.getElementById("myVideo").currentTime = 5;
亲自试一试 »
❮ DOM 事件
❮ Event 对象