Latest web development tutorials

ontimeupdate 事件

事件對象參考手冊 事件對象

實例

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

<video ontimeupdate="myFunction()">

嘗試一下»

本文底部包含了更多實例。


定義和用法

ontimeupdate 事件在視頻/音頻(audio/video)當前的播放位置發送改變時觸發。

該事件通過以下方式調用:

  • 播放視頻/音頻(audio/video)
  • 重新定位視頻/音頻(audio/video)的播放位置。

提示:該事件通常與Video對象的currentTime屬性一起使用,該屬性返回視頻/音頻(audio/video)的當前播放位置。


瀏覽器支持

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

Event
ontimeupdate Yes 9.0 Yes Yes Yes


語法

HTML 中:

<elementontimeupdate="myScript"> 嘗試一下

JavaScript 中:

object .ontimeupdate=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("seeking", myScript ); 嘗試一下

注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。


技術細節
是否支持冒泡: No
是否可以取消: No
事件類型: Event
支持的HTML 標籤: <audio>, <video>


Examples

更多實例

實例

當用戶開始播放音頻,或者重新定位音頻播放位置時執行JavaScript:

<audio ontimeupdate="myFunction()">

嘗試一下»

實例

使用currentTime 屬性設置當前的播放位置為5 秒:

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

嘗試一下»


事件對象參考手冊 事件對象