HTMLMediaElement: timeupdate

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

当currentTime更新时会触发timeupdate事件。

这个事件的触发频率由系统决定，但是会保证每秒触发 4-66 次（前提是每次事件处理不会超过 250ms）。鼓励用户代理根据系统的负载和处理事件的平均成本来改变事件的频率，保证 UI 更新不会影响视频的解码。

BubblesNo
CancelableNo
InterfaceEvent
TargetElement
Default ActionNone
Event handler propertyGlobalEventHandlers.ontimeupdate
Specification

HTML5 media

示例

These examples add an event listener for the HTMLMediaElement's timeupdate event, then post a message when that event handler has reacted to the event firing. Remember, the event frequency is dependant on the system load.

Using addEventListener():

js
const video = document.querySelector("video");

video.addEventListener("timeupdate", (event) => {
  console.log("The currentTime attribute has been updated. Again.");
});

Using the ontimeupdate event handler property:

js
const video = document.querySelector("video");

video.ontimeupdate = (event) => {
  console.log("The currentTime attribute has been updated. Again.");
};

规范

Specification
HTML
# event-media-timeupdate
HTML
# handler-ontimeupdate

浏览器兼容性

相关事件

更多