HTMLMediaElement: timeupdate 事件

基线 广泛可用

此功能已很成熟，可在许多设备和浏览器版本上运行。它自 2015 年 7 月.

报告反馈

当 currentTime 属性指示的时间更新时，会触发 timeupdate 事件。

事件频率取决于系统负载，但会在约 4Hz 到 66Hz 之间抛出（假设事件处理程序运行时间不超过 250 毫秒）。鼓励用户代理根据系统负载和每次处理事件的平均成本来改变事件的频率，以便 UI 更新的频率不会超过用户代理在解码视频时可以轻松处理的频率。

语法

此事件不可取消，也不冒泡。

在像 addEventListener() 这样的方法中使用事件名称，或者设置事件处理程序属性。
addEventListener("timeupdate", (event) => {});

ontimeupdate = (event) => {};

事件类型

js

示例

一个通用的 Event。

以下示例为 HTMLMediaElement 的 timeupdate 事件添加了一个事件监听器，然后在该事件处理程序对事件触发做出反应时发布一条消息。请记住，事件频率取决于系统负载。

在像 addEventListener() 这样的方法中使用事件名称，或者设置事件处理程序属性。
const video = document.querySelector("video");

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

使用 addEventListener()

在像 addEventListener() 这样的方法中使用事件名称，或者设置事件处理程序属性。
const video = document.querySelector("video");

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

规范

使用 ontimeupdate 事件处理程序属性
规范
# HTML 标准
规范
# event-media-timeupdate

浏览器兼容性

handler-ontimeupdate

另请参阅