Получить аудио время обновления в формате 00:00?

Question

Я использую аудио тег HTML5 в своем проекте.все работает отлично.

Мне нужно использовать timeupdate и получить значение минут, прошедших в этом формате: 00:00

В настоящее время я могу получить это значение только как 0:00с моим кодом:

Это мой код:

$(audio).bind('timeupdate', function(){
    var percent = audio.currentTime/ audio.duration * 100;

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

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

И рабочая скрипка: http://jsfiddle.net/8cpwv2mf/

Не мог бы кто-нибудь дать совет по этому вопросу?

Заранее спасибо.

Answer 1

Вы можете определить функцию, которая дополняет числа нулями (например, this )

function zpad(n) {
  return ("0" + n).slice(-2);
}

, а затем использовать ее для форматирования минут и секунд

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

Answer 2

Вы можете использовать ту же структуру, что и для mins, например:

$(audio).bind('timeupdate', function() {
    var percent = audio.currentTime/ audio.duration * 100;

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