timeupdate
HTML Audio/Video DOM timeupdate hodisasi
Misol
Videoning ijro pozitsiyasi o‘zgarganda videoning joriy pozitsiyasini soniyalarda ko‘rsating:
// Get the <video> element with id="myVideo"
let 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;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
timeupdate hodisasi audio/videoning ijro joylashuvi o‘zgarganda sodir bo‘ladi.
Bu hodisa quyidagilar natijasida chaqiriladi:
- Audio/videoni ijro etish
- Ijro joylashuvini o‘zgartirish (masalan, foydalanuvchi audio/videoning boshqa nuqtasiga tez o‘tkazganda)
Maslahat: Bu timeupdate hodisasi ko‘pincha audio/video ijrosining joriy joylashuvini soniyalarda qaytaradigan Audio/Video obyektining currentTime xususiyati bilan birga ishlatiladi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar hodisani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Hodisa | |||||
|---|---|---|---|---|---|
| timeupdate | Ha | 9.0 | Ha | Ha | Ha |
Sintaksis
HTML’da:
<audio|video ontimeupdate="myScript">Try it
JavaScript’da:
audio|video.ontimeupdate=function(){myScript};Try it
JavaScript’da, addEventListener() metodi yordamida:
audio|video.addEventListener("timeupdate", myScript);Try it
Texnik tafsilotlar
| Qo‘llab-quvvatlanadigan HTML teglari: | <audio> va <video> |
|---|---|
| Qo‘llab-quvvatlanadigan JavaScript obyektlari: | Audio, Video |
Ko‘proq misollar
Misol
Audioning ijro joylashuvi o‘zgarganda audioning joriy joylashuvini soniyalarda ko‘rsating:
// Get the <audio> element with id="myVideo"
let 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;
}
O‘zingiz sinab ko‘ring »
Misol
Joriy ijro joylashuvini 5 soniyaga o‘rnatish uchun currentTime xususiyatidan foydalanish:
document.getElementById("myVideo").currentTime = 5;
O‘zingiz sinab ko‘ring »
❮ HTML audio/video
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!