acara ontimeupdate


ontimeupdate Acara

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>该实例中我们向 video 元素添加 "ontimeupdate" 事件。当用户开始播放视频，或者重新定位视频播放位置时，会执行显示当前播放位置的函数。</p>
<video controls ontimeupdate="myFunction(this)">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video。
</video>
<p>当前播放位置： <span id="demo"></span></p>
<script>
function myFunction(event) {
    //  currentTime 属性返回视频/音频（audio/video）当前播放位置
    document.getElementById("demo").innerHTML = event.currentTime;
}
</script>

</body>
</html>

Run Instance»

Klik Butang "Jalankan Instance" untuk melihat contoh dalam talian

Lebih banyak contoh disertakan di bahagian bawah artikel ini.

Definisi dan penggunaan

Acara ontimeupdate dicetuskan apabila kedudukan main balik semasa video/audio (audio/video) berubah.

Acara ini dipanggil oleh:

  • Mainkan video/audio (audio/video)
  • Letakkan semula kedudukan main balik video/audio (audio/video) .

Petua: Acara ini biasanya digunakan dengan sifat Masa semasa bagi objek Video, Harta ini mengembalikan kedudukan main balik semasa video/audio (audio/video).

Sokongan Penyemak Imbas

Nombor dalam jadual menunjukkan nombor versi penyemak imbas pertama yang menyokong acara tersebut.

Acara
Event




ontimeupdateYes9.0YesYesYes

ontimeupdateYa9.0YaYa Ya

Sintaks
HTML: <
elemen
ontimeupdate="

myScript

">Cuba
JavaScript:
objek
.ontimeupdate= function() {

myScript

}; Cuba
Dalam JavaScript, gunakan kaedah addEventListener():
objek
. mencari",

myScript); Cubalah

是否支持冒泡:No
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<audio>, <video>
Nota: <🎜> Internet Explorer 8 dan versi IE terdahulu tidak menyokong kaedah addEventListener(). <🎜><🎜>Butiran teknikal<🎜>

Lagi kejadian

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>该实例中我们向 audio 元素添加 "ontimeupdate" 事件。当用户开始播放音频，或者重新定位音频播放位置时，会执行显示当前播放位置的函数。</p>
<audio controls ontimeupdate="myFunction(this)">
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>
<p>当前播放位置:  <span id="demo"></span></p>
<script>
function myFunction(event) {
    //  currentTime 属性返回视频/音频（audio/video）当前播放位置
    document.getElementById("demo").innerHTML = event.currentTime;
}
</script>

</body>
</html>

Instance berjalan»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


Instance

rreee

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian