ontimeupdate-gebeurtenis

DOM events Event object

Definitie en gebruik

De ontimeupdate-gebeurtenis vindt plaats wanneer de afspelpositie van de audio/video verandert.

Deze gebeurtenis wordt getriggerd door het volgende:

  • Speel audio/video af
  • Verplaats de afspelpositie (bijvoorbeeld wanneer de gebruiker naar een ander punt in de audio/video spoelt)

Tip:De ontimeupdate-gebeurtenis wordt meestal gebruikt met de currentTime propertyGebruik samen, deze eigenschap retourneert de huidige afspelpositie van de audio/video in seconden.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de huidige afspelpositie verandert:

<video ontimeupdate="myFunction()">

Probeer het zelf uit

Voorbeeld 2

Voer JavaScript uit wanneer de huidige afspelpositie van het audiostream verandert:

<audio ontimeupdate="myFunction()">

Probeer het zelf uit

Voorbeeld 3

Gebruik de currentTime eigenschap om de huidige afspelpositie in te stellen op 5 seconden:

document.getElementById("myVideo").currentTime = 5;

Probeer het zelf uit

Syntax

In HTML:

<element ontimeupdate="myScript">

Probeer het zelf uit

In JavaScript:

object.ontimeupdate = function(){myScript};

Probeer het zelf uit

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("timeupdate", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of oudere versies ondersteunen dit niet addEventListener() methode.

Technische details

Bubbelend: Niet ondersteund
Annulabel: Niet ondersteund
Type van gebeurtenis: Event
Ondersteunde HTML-tags: <audio> and <video>
DOM version: Level 3 Events

Browser support

The numbers in the table indicate the first browser version that fully supports this event.

Events Chrome IE Firefox Safari Opera
ontimeupdate Support 9.0 Support Support Support
DOM events Event object