HTML Oudio/Video DOM tydopdatering gebeurtenis
❮ HTML oudio/video DOM-verwysing
Voorbeeld
Wanneer die speelposisie van 'n video verander het, vertoon die huidige posisie van die video binne sekondes:
// 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;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die tydopdatering-gebeurtenis vind plaas wanneer die speelposisie van 'n oudio/video verander het.
Hierdie geleentheid word opgeroep deur:
- Speel die oudio/video
- Beweeg die afspeelposisie (soos wanneer die gebruiker vinnig vorentoe beweeg na 'n ander punt in die oudio/video)
Wenk: Hierdie timeupdate-gebeurtenis word dikwels saam met die currentTime- eienskap van die oudio/video-objek gebruik, wat die huidige posisie van die oudio/video-terugspeel in sekondes terugstuur.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
In HTML:
<audio|video ontimeupdate="myScript">
In JavaScript:
audio|video.ontimeupdate=function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
audio|video.addEventListener("timeupdate", myScript);
Tegniese besonderhede
Ondersteunde HTML-etikette: | <klank> en <video> |
---|---|
Ondersteunde JavaScript-objekte: | Oudio Video |
Meer voorbeelde
Voorbeeld
Wanneer die speelposisie van 'n oudio verander het, vertoon die huidige posisie van die oudio in sekondes:
// 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;
}
Voorbeeld
Gebruik die currentTime-eienskap om die huidige afspeelposisie op 5 sekondes te stel:
document.getElementById("myVideo").currentTime = 5;
❮ HTML oudio/video DOM-verwysing