javascript - 将 标签轨道时间转换为分钟 :Secs

Question

我创建了一个弗兰肯斯坦式的音频播放器，并且在轨道计时方面需要一些帮助。我现在有了它，所以它从 0 开始计数 -> 无论轨道时间是多少，以秒为单位。我似乎不知道如何将这些秒转换为分钟:秒。

我是使用 JS 计时/转换的新手，因此非常感谢您的帮助!

HTML

    <audio src="" id="player" 
        ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' ' + Math.floor(this.duration);">\
</audio> 

    <span id="tracktime">0  0:00</span>

代码更新

好吧，现在我有了它，它只将分钟显示为一位数字(即:1:00 = 1、2:00 = 2、3:00 = 3 等)

我需要将其显示为 3 位数字，即:1:00 = 1:00、2:00 = 2:00 等。

这是我当前的音频标签:

<audio src="http://dosh.dk/bb/track.mp3" id="player" ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime / 60) + ' ' + Math.floor(this.duration / 60);">
    <script>
      var minutes = Math.floor(time / 60);

      var seconds = time - minutes * 60;

      var hours = Math.floor(time / 3600);
time = time - hours * 3600;

      function str_pad_left(string,pad,length) {
    return (new Array(length+1).join(pad)+string).slice(-length);
}
      </script>

    </audio> 

我似乎无法将秒数连接到分钟上。

Answer 1

弄清楚了，只需重新格式化一些东西..

HTML

<div class="scrub-bar">
      <div class="progress"></div>
      <div class="time current">0:00</div>
      <div class="time duration">0:00</div>
</div>

JS

//var audio = link to my audio file    
audioplayer.addEventListener("ended", replay, false);
    audioplayer.addEventListener("timeupdate", timeUpdate, false);

    function reskinTime(secs, format) {
            var hr = Math.floor(secs / 3600);
            var min = Math.floor((secs - (hr * 3600)) / 60);
            var sec = Math.floor(secs - (hr * 3600) - (min * 60));
            if (sec < 10) {
                    sec = "0" + sec;
            }
            return min + ':' + sec;
    }

    function timeUpdate() {
            playPercent = (audioplayer.currentTime / duration) * 100;
            playhead.style.width = playPercent + "%";
            timer.innerHTML = reskinTime(audioplayer.currentTime.toString());
    }