html5以00:00格式獲取音頻持續時間？

Question

我試圖讓HTML5音頻標簽的持續時間在00:00的格式，但我不明白為什么我的代碼獲取此格式的持續時間： 0:00 。 因此，缺少1位數字！

這是我當前的代碼：

$(audio).bind('timeupdate', function(){


  var minutes = parseInt(audio.duration / 60, 10);
  var seconds = parseInt(audio.duration % 60);


  $('.Audio_durationTime').text(minutes + ':' + seconds);



    /////Passed time////
    var mins = Math.floor(audio.currentTime / 60);
    if (mins < 10) {
      mins = '0' + String(mins);
    }
    var secs = Math.floor(audio.currentTime % 60);
    if (secs < 10) {
      secs = '0' + String(secs);
    }

    $('.Audio_passedTime').text(mins + ':' + secs);

});

和工作的小提琴：

http://jsfiddle.net/8cpwv2mf/6/

有人可以就這個問題提出建議嗎？

提前致謝。

Answer 1

您可以使用此代碼將時間轉換為00:00格式，但僅將其用於currentTime。 將其轉換為功能並將其用於兩者。

var convertTime = function(time)
{    
    var mins = Math.floor(time / 60);
    if (mins < 10) {
      mins = '0' + String(mins);
    }
    var secs = Math.floor(time % 60);
    if (secs < 10) {
      secs = '0' + String(secs);
    }

    return mins + ':' + secs;
}

$('.Audio_durationTime').text(convertTime(audio.duration));
$('.Audio_passedTime').text(convertTime(audio.currentTime));

Answer 2

如果持續時間的分鍾數少於10，則可以添加零：

if (minutes < 10) {
    minutes += "0";
}
$('.Audio_durationTime').text(minutes + ':' + seconds);

更新的小提琴：

http://jsfiddle.net/8cpwv2mf/7/