ontimeupdate 이벤트

DOM 이벤트 Event 대상

정의와 사용법

ontimeupdate 이벤트는 오디오/비디오의 재생 위치가 변경될 때 발생합니다。

이 이벤트는 다음과 같은 경우에서 발생합니다:

  • 오디오/비디오 재생
  • 재생 위치 이동（예를 들어, 사용자가 오디오/비디오의 다른 위치로 이동할 때）

안내:ontimeupdate 이벤트는 오디오/비디오 오브젝트의 현재 시간 속성이 두 가지를 함께 사용하면, 이 속성은音频/视频播放的当前位置（以秒为单位）를 반환합니다。

인스턴스

예제 1

재생 위치가 변경될 때 JavaScript를 실행합니다:

<video ontimeupdate="myFunction()">

본인이 직접 시도해 보세요

예제 2

오디오의 현재 재생 위치가 변경될 때 JavaScript를 실행합니다:

<audio ontimeupdate="myFunction()">

본인이 직접 시도해 보세요

예제 3

현재 재생 위치를 5초로 설정하는 방법:

document.getElementById("myVideo").currentTime = 5;

본인이 직접 시도해 보세요

문법

HTML에서:

<엘리먼트 ontimeupdate="myScript">

본인이 직접 시도해 보세요

JavaScript에서:

오브젝트.ontimeupdate = function(){myScript};

본인이 직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하면:

오브젝트.addEventListener("timeupdate", myScript);

본인이 직접 시도해 보세요

주의사항:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드。

기술적인 세부 사항

버블링: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: 이벤트
지원하는 HTML 태그: <audio> 및 <video>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표의 숫자는 이 이벤트를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오퍼라
ontimeupdate 지원 9.0 지원 지원 지원
DOM 이벤트 Event 대상