Przykład
Gdy pozycja odtwarzania wideo uległa zmianie, wyświetla aktualną pozycję filmu w sekundach:
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <video> element, and execute a function if the current playback
position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
Timeupdate zdarzenie wystąpi, gdy pozycja odtwarzania audio / wideo nie zmieniło.
To zdarzenie jest wywoływane przez:
- Odtwarzanie audio / video
- Przesuwanie pozycji odtwarzania (na przykład, gdy użytkownik szybko do przodu do innego punktu w audio / wideo)
Wskazówka: To wydarzenie timeupdate jest często używany wraz z CurrentTime właściwości obiektu audio / video, która zwraca aktualną pozycję odtwarzania audio / wideo, w sekundach.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Zdarzenie | |||||
---|---|---|---|---|---|
timeupdate | tak | 9,0 | tak | tak | tak |
Składnia
W HTML:
< audio|video ontimeupdate="myScript"> Try it
W JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it
W JavaScript, używając addEventListener() metodę:
audio|video .addEventListener("timeupdate", myScript ); Try it
Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Obsługiwane znaczniki HTML: | <audio> and <video> |
---|---|
Obsługiwane obiekty JavaScript: | Audio, Video |
Więcej przykładów
Przykład
Gdy pozycja odtwarzania audio nie zmieniło, wyświetla aktualną pozycję audio w sekundach:
// Get the <audio> element with id="myVideo"
var aud =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <audio> element, and execute a function if the current playback
position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Spróbuj sam " Przykład
Korzystanie z własności CurrentTime aby ustawić aktualną pozycję odtwarzania do 5 sekund:
document.getElementById("myVideo").currentTime = 5;
Spróbuj sam "