HTML ontimeupdate Event Attribute

Description

The event attribute ontimeupdate event occurs when the audio / video playback position has changed (for example, when a user selects a playback point much further from the current one).

This event is raised in two cases:

During audio / video playback
When moving the playback position

Syntax

<element ontimeupdate="script">

Values

scriptThe name of the script to use when the event has been triggered.

Example

HTML

<!DOCTYPE HTML>
<html>
<body>

<p id="demo">Move the audio slider to a new position:</p>

<audio id="myAudio" controls ontimeupdate="myFunction()">  
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "You have moved to position " + document.getElementById("myAudio").currentTime;
}
</script> 

<p>This example shows how to use the ontimeupdate attribute for an AUDIO element.</p>

</body>
</html>

Result