例
当一个视频的播放位置发生了变化，显示以秒为视频的当前位置：
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <video> element, and execute a function if the current playback
position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
} 试一试» 更多“试一试”的例子。
定义和用法
当一个音频/视频的播放位置改变时发生timeupdate事件。
此事件是由调用：
- 播放音频/视频
- 移动播放位置（如，当用户快速转发到不同的点在音频/视频）
提示：此timeupdate事件往往与一起使用currentTime的音频/视频对象，返回音频/视频播放的当前位置，以秒为单位的财产。
浏览器支持
在表中的数字指定完全支持该事件的第一个浏览器的版本。
| 事件 | |||||
|---|---|---|---|---|---|
| timeupdate | 是 | 9 | 是 | 是 | 是 |
句法
在HTML：
< audio|video ontimeupdate="myScript"> Try it 在JavaScript：
audio|video .ontimeupdate=function(){myScript}; Try it 在JavaScript中，使用addEventListener()方法：
audio|video .addEventListener("timeupdate", myScript ); Try it 注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。
技术细节
| 支持的HTML标签： | <audio> and <video> |
|---|---|
| 支持的JavaScript对象： | Audio, Video |
更多示例
例
当音频的播放位置发生了变化，显示在秒音频的当前位置：
// Get the <audio> element with id="myVideo"
var aud =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <audio> element, and execute a function if the current playback
position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
试一试»