HTML | DOM ontimeupdate Event
The ontimeupdate event in HTML DOM occurs when playing the position of a specific media position is changed.
This event is invoked by:
- Playing the audio/video
- Moving to the new position of the audio/video
The currentTime property is used to get the current position of the audio/video in seconds.
Syntax:
- In HTML:
<element ontimeupdate="Script">
- In JavaScript:
object.ontimeupdate = function(){Script};
- In JavaScript, using the addEventListener() method:
object.addEventListener("timeupdate", Script);
Example: Using the addEventListener() method
<!DOCTYPE html> < html > < head > < title > HTML DOM ontimeupdate Event </ title > </ head > < body > < center > < h1 style = "color:green" > GeeksforGeeks </ h1 > < h2 >HTML DOM ontimeupdate Event</ h2 > < video id = "videoID" controls> < source src = "GFG.mp4" type = "video/mp4" > </ video > < p >Position: < span id = "try" ></ span ></ p > </ center > < script > var GFG = document.getElementById("videoID"); GFG.addEventListener("timeupdate", GFGfun); function GFGfun() { document.getElementById( "try").innerHTML = GFG.currentTime; } </ script > </ body > </ html > |
Output:
Before:
After:
Supported Browsers: The browsers supported by HTML DOM ontimeupdate Event are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Recommended Posts:
- HTML | DOM onclick Event
- HTML | DOM oncopy Event
- HTML | DOM oncontextmenu Event
- HTML | DOM onchange Event
- HTML | DOM ontoggle Event
- HTML | DOM oncut Event
- HTML | DOM ondurationchange Event
- HTML | DOM onstalled Event
- HTML | DOM ondragstart Event
- HTML | DOM onmouseleave Event
- HTML | DOM ondblclick Event
- HTML | DOM ondragend Event
- HTML | DOM ondragenter Event
- HTML | DOM onfocusout Event
- HTML | DOM transitionend Event
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.