<HTML السمعية / البصرية DOM المرجعي
مثال
عندما تغير موقف اللعب من شريط فيديو، عرض الموقف الحالي للفيديو في ثوان:
// 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 عندما تغير موقف اللعب من الصوت / الفيديو.
يتم استدعاء هذا الحدث:
- تشغيل الصوت / الفيديو
- نقل موضع التشغيل (مثل عندما الأمام بسرعة المستخدم إلى وجهة نظر مختلفة في الصوت / الفيديو)
نصيحة: غالبا ما يستخدم هذا الحدث timeupdate جنبا إلى جنب مع currentTime ملكا للكائن السمعية / البصرية، والتي ترجع الموقف الحالي للتشغيل الصوت / الفيديو، في ثوان.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بالكامل هذا الحدث.
| حدث | |||||
|---|---|---|---|---|---|
| timeupdate | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
في HTML:
< audio|video ontimeupdate="myScript"> Try it في جافا سكريبت:
audio|video .ontimeupdate=function(){myScript}; Try it في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
audio|video .addEventListener("timeupdate", myScript ); Try it ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| علامات HTML المعتمدة: | <audio> and <video> |
|---|---|
| كائنات جافا سكريبت المعتمدة: | Audio, Video |
المزيد من الأمثلة
مثال
عندما تغير موقف اللعب من الصوت، وعرض الموقف الحالي للصوت في ثوان:
// 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;
انها محاولة لنفسك »