HTMLMediaElement: sự kiện 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.
Sự kiện timeupdate được kích hoạt khi thời gian được chỉ định bởi thuộc tính currentTime đã được cập nhật.
Tần suất sự kiện phụ thuộc vào tải hệ thống nhưng sẽ nằm trong khoảng từ 4Hz đến 66Hz (giả sử trình xử lý sự kiện không mất nhiều hơn 250 mili giây để chạy). Tác nhân người dùng được khuyến khích thay đổi tần suất của sự kiện dựa trên tải hệ thống và chi phí trung bình để xử lý sự kiện mỗi lần, để các bản cập nhật giao diện người dùng không thường xuyên hơn mức mà tác nhân người dùng có thể thoải mái xử lý trong khi giải mã video.
Sự kiện này không thể hủy và không bong bóng.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener() hoặc đặt thuộc tính xử lý sự kiện.
addEventListener("timeupdate", (event) => { })
ontimeupdate = (event) => { }
Kiểu sự kiện
Một Event chung chung.
Ví dụ
Các ví dụ này thêm trình xử lý sự kiện cho sự kiện timeupdate của HTMLMediaElement, sau đó đăng thông báo khi trình xử lý sự kiện đó phản ứng với việc kích hoạt sự kiện. Hãy nhớ rằng tần suất sự kiện phụ thuộc vào tải hệ thống.
Sử dụng addEventListener():
const video = document.querySelector("video");
video.addEventListener("timeupdate", (event) => {
console.log("The currentTime attribute has been updated. Again.");
});
Sử dụng thuộc tính xử lý sự kiện ontimeupdate:
const video = document.querySelector("video");
video.ontimeupdate = (event) => {
console.log("The currentTime attribute has been updated. Again.");
};
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # event-media-timeupdate |
| HTML # handler-ontimeupdate |
Tương thích trình duyệt
Sự kiện liên quan
- Sự kiện HTMLMediaElement
playing - Sự kiện HTMLMediaElement
waiting - Sự kiện HTMLMediaElement
seeking - Sự kiện HTMLMediaElement
seeked - Sự kiện HTMLMediaElement
ended - Sự kiện HTMLMediaElement
loadedmetadata - Sự kiện HTMLMediaElement
loadeddata - Sự kiện HTMLMediaElement
canplay - Sự kiện HTMLMediaElement
canplaythrough - Sự kiện HTMLMediaElement
durationchange - Sự kiện HTMLMediaElement
play - Sự kiện HTMLMediaElement
pause - Sự kiện HTMLMediaElement
ratechange - Sự kiện HTMLMediaElement
volumechange - Sự kiện HTMLMediaElement
suspend - Sự kiện HTMLMediaElement
emptied - Sự kiện HTMLMediaElement
stalled