例
當一個視頻的播放位置發生了變化，顯示以秒為視頻的當前位置：
// 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;
}
試一試»