حدث تحديث الوقت الخاص بـ HTML Audio / Video DOM
❮ مرجع DOM الصوت / الفيديو HTML
مثال
عندما يتغير موضع تشغيل مقطع فيديو ، اعرض الموضع الحالي للفيديو بالثواني:
// 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;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث Timeupdate عندما يتغير موضع تشغيل الصوت / الفيديو.
تم استدعاء هذا الحدث من قبل:
- تشغيل الصوت / الفيديو
- تحريك موضع التشغيل (مثل عندما يتقدم المستخدم سريعًا إلى نقطة مختلفة في الصوت / الفيديو)
نصيحة: غالبًا ما يتم استخدام حدث تحديث الوقت هذا مع خاصية CurrentTime لكائن الصوت / الفيديو ، والتي تُرجع الموضع الحالي لتشغيل الصوت / الفيديو بالثواني.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
بناء الجملة
في HTML:
<audio|video ontimeupdate="myScript">
في JavaScript:
audio|video.ontimeupdate=function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
audio|video.addEventListener("timeupdate", myScript);
تفاصيل تقنية
| علامات HTML المدعومة: | <audio> و <video> |
|---|---|
| كائنات JavaScript المدعومة: | الصوت والفيديو |
مزيد من الأمثلة
مثال
عندما يتغير موضع تشغيل الصوت ، اعرض الموضع الحالي للصوت بالثواني:
// 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;
}
مثال
باستخدام خاصية CurrentTime لتعيين موضع التشغيل الحالي على 5 ثوانٍ:
document.getElementById("myVideo").currentTime = 5;
❮ مرجع DOM الصوت / الفيديو HTML