Javascript-форум - html5 audio api

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - html5 audio api (https://javascript.ru/forum/events/29895-html5-audio-api.html)

<script>
$(document).ready(function(){
		$("#play-bt").click(function(){
			$("#audio-player")[0].play();
		})
 
		$("#pause-bt").click(function(){
			$("#audio-player")[0].pause();
		})
 
		$("#stop-bt").click(function(){
			$("#audio-player")[0].pause();
			$("#audio-player")[0].currentTime = 0;
		}
		
		)
	})

</script>

<audio id="audio-player" name="audio-player" src="an.mp3" ></audio>
<div id="message"></div>
<a id="play-bt" href="#">Play music</a> | 
<a id="pause-bt" href="#">Pause music</a> | 
<a id="stop-bt" href="#">Stop music</a>
<span id="duration"></span>

не пойму как в

<span></span>

вставить длительность и сам прогресс песни....кто знает помогите пожалуйста.

Цитата:

Сообщение от Grever (Сообщение 189183)

<script>
$(document).ready(function(){
		$("#play-bt").click(function(){
			$("#audio-player")[0].play();
		})
 
		$("#pause-bt").click(function(){
			$("#audio-player")[0].pause();
		})
 
		$("#stop-bt").click(function(){
			$("#audio-player")[0].pause();
			$("#audio-player")[0].currentTime = 0;
		}
		
		)
	})

</script>

<audio id="audio-player" name="audio-player" src="an.mp3" ></audio>
<div id="message"></div>
<a id="play-bt" href="#">Play music</a> | 
<a id="pause-bt" href="#">Pause music</a> | 
<a id="stop-bt" href="#">Stop music</a>
<span id="duration"></span>

не пойму как в

<span></span>

вставить длительность и сам прогресс песни....кто знает помогите пожалуйста.

var audio = document.getElementById("audio-player");
audio.addEventListener("timeupdate", function() {
     var duration = document.getElementById('duration');
     var s = parseInt(audio.currentTime % 60);
     var m = parseInt((audio.currentTime / 60) % 60);
     duration.innerHTML = m + '.' + s + 'sec';
 }, false);

Цитата:

Сообщение от lord2kim (Сообщение 189219)

var audio = document.getElementById("audio-player");
audio.addEventListener("timeupdate", function() {
     var duration = document.getElementById('duration');
     var s = parseInt(audio.currentTime % 60);
     var m = parseInt((audio.currentTime / 60) % 60);
     duration.innerHTML = m + '.' + s + 'sec';
 }, false);

маленько не так как я хотел но все равно спасибо.

можно ли это сделать через

$("#duration")