ontimeupdate 事件

DOM 事件 Event 對象

定義和用法

ontimeupdate 事件發生在音頻/視頻的播放位置發生變化時。

此事件由以下情況觸發：

  • 播放音頻/視頻
  • 移動播放位置（例如當用戶快進到音頻/視頻中的不同點時）

提示：ontimeupdate 事件通常與音頻/視頻對象的 currentTime 屬性一起使用，該屬性返回音頻/視頻播放的當前位置，以秒為單位。

實例

例子 1

當前播放位置改變時執行 JavaScript：

<video ontimeupdate="myFunction()">

親自試一試

例子 2

當音頻的當前播放位置改變時執行 JavaScript：

<audio ontimeupdate="myFunction()">

親自試一試

例子 3

使用 currentTime 屬性將當前播放位置設置為 5 秒：

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

親自試一試

語法

在 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

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。

事件 Chrome IE Firefox Safari Opera
ontimeupdate 支持 9.0 支持 支持 支持
DOM 事件 Event 對象