Javascript-форум - Показать сообщение отдельно

lord2kim · #2 (**permalink**) 16.07.2012, 11:54

Сообщение от Grever

<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);