HTMLMediaElement: timeupdate-Ereignis - Web-APIs | MDN
  1. Web
  2. Web-APIs
  3. HTMLMediaElement
  4. timeupdate

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLMediaElement: timeupdate-Ereignis

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

>

Das Ereignis timeupdate wird ausgelöst, wenn die vom Attribut currentTime angegebene Zeit aktualisiert wurde.

Die Häufigkeit des Ereignisses hängt von der Systemlast ab und liegt zwischen etwa 4 Hz und 66 Hz (vorausgesetzt, die Ausführung der Event-Handler dauert nicht länger als 250 ms). Benutzeragenten sollten die Ereignishäufigkeit an die Systemlast und den durchschnittlichen Verarbeitungsaufwand pro Ereignis anpassen. So wird die Benutzeroberfläche nicht häufiger aktualisiert, als der Benutzeragent während der Videodekodierung problemlos bewältigen kann.

Dieses Ereignis kann nicht abgebrochen werden und wird nicht durch die DOM-Hierarchie weitergereicht.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

js
addEventListener("timeupdate", (event) => { })

Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

js
ontimeupdate = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Event-Listener für das timeupdate-Ereignis von HTMLMediaElement hinzu und geben anschließend eine Meldung aus, wenn der Event-Handler auf das ausgelöste Ereignis reagiert hat. Beachten Sie, dass die Ereignishäufigkeit von der Systemlast abhängt.

Mit addEventListener():

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

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

Mit der Event-Handler-Eigenschaft ontimeupdate (beachten Sie jedoch, dass dadurch gegebenenfalls andere über ontimeupdate hinzugefügte Event-Listener ersetzt werden):

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

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

Spezifikationen

Spezifikation
HTML>
# event-media-timeupdate>
HTML>
# handler-ontimeupdate>

Browser-Kompatibilität

Verwandte Ereignisse

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden