## Definition and Usage
The `timeupdate` event occurs when the current playback position of an audio/video is changed.
This event typically occurs when the user moves along the timeline of the audio/video.
The `timeupdate` event is fired by the browser when the `currentTime` property is updated.
## HTML 5 Audio/Video DOM Reference
| Property | Description |
| :--- | :--- |
| audioTracks | Returns an AudioTrackList object representing available audio tracks. |
| autoplay | Sets or returns whether the audio/video should start playing as soon as it is ready. |
| buffered | Returns a TimeRanges object representing the buffered parts of the audio/video. |
| controller | Sets or returns the MediaController object representing the current media controller of the audio/video. |
| controls | Sets or returns whether the audio/video should display controls (like play/pause etc.). |
| crossOrigin | Sets or returns the CORS settings of the audio/video. |
| currentSrc | Returns the current URL of the audio/video. |
| currentTime | Sets or returns the current playback position in the audio/video (in seconds). |
| defaultMuted | Sets or returns whether the audio/video is muted by default. |
| defaultPlaybackRate | Sets or returns the default playback speed of the audio/video. |
| duration | Returns the length of the current audio/video (in seconds). |
| ended | Returns whether the playback of the audio/video has ended. |
| error | Returns a MediaError object representing the error state of the audio/video. |
| loop | Sets or returns whether the audio/video should start over again when finished. |
| mediaGroup | Sets or returns the group of audio/video elements that are linked together. |
| muted | Sets or returns whether the audio/video is muted. |
| networkState | Returns the network state of the audio/video. |
| paused | Sets or returns whether the audio/video is paused. |
| playbackRate | Sets or returns the playback speed of the audio/video. |
| played | Returns a TimeRanges object representing the played parts of the audio/video. |
| preload | Sets or returns whether the audio/video should be loaded when the page loads. |
| readyState | Returns the current ready state of the audio/video. |
| seekable | Returns a TimeRanges object representing the seekable parts of the audio/video. |
| seeking | Returns whether the user is currently seeking in the audio/video. |
| src | Sets or returns the current source of the audio/video element. |
| startOffsetTime | Returns the current offset time in seconds. |
| textTracks | Returns a TextTrackList object representing the available text tracks. |
| videoTracks | Returns a VideoTrackList object representing the available video tracks. |
| volume | Sets or returns the volume of the audio/video. |
## Audio/Video Events
| Event | Description |
| :--- | :--- |
| abort | Fires when the loading of an audio/video is aborted. |
| canplay | Fires when the browser can start playing the audio/video (when it has buffered enough to begin playback). |
| canplaythrough | Fires when the browser can play through the audio/video without stopping for buffering. |
| durationchange | Fires when the duration of the audio/video is changed. |
| emptied | Fires when the current playlist is empty. |
| ended | Fires when the current playlist is ended. |
| error | Fires when an error occurred during the loading of an audio/video. |
| loadeddata | Fires when the first frame of the current playlist has loaded. |
| loadedmetadata | Fires when the metadata has been loaded. |
| loadstart | Fires when the browser starts looking for the audio/video. |
| pause | Fires when the audio/video has been paused. |
| play | Fires when the audio/video has been started or is no longer paused. |
| playing | Fires when the audio/video is playing after having been paused or stopped for buffering. |
| progress | Fires when the browser is downloading the audio/video. |
| ratechange | Fires when the playback speed of the audio/video is changed. |
| seeked | Fires when the user has finished moving/skipping to a new position in the audio/video. |
| seeking | Fires when the user starts moving/skipping to a new position in the audio/video. |
| stalled | Fires when the browser is trying to get media data, but data is not available. |
| suspend | Fires when the browser is intentionally not getting media data. |
| timeupdate | Fires when the current playback position has been changed. |
| volumechange | Fires when the volume has been changed. |
| waiting | Fires when the video stops because it needs to buffer the next frame. |
## Example
In this example, the `timeupdate` event is used to display the current playback time of the audio/video.
Click the button to start playing the video.
Current Time: 0 Second
var myVideo=document.getElementById("myVideo");
myVideo.addEventListener('timeupdate',function(){
document.getElementById("time").innerHTML=myVideo.currentTime;
});
**Note:** The `timeupdate` event is fired when the `currentTime` property is updated. This happens approximately every 15 to 250 milliseconds, depending on the browser and the system's performance.
YouTip