当前位置：文江博客知识库简体中文文档 Web Events timeupdate

HTMLMediaElement: timeupdate - Web API 接口参考编辑

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

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

Bubbles	No
Cancelable	No
Interface	`Event`
Target	Element
Default Action	None
Event handler property	`GlobalEventHandlers.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():

const video = document.querySelector('video');

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

Using the ontimeupdate event handler property:

const video = document.querySelector('video');

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