获取00:00格式的音频时间更新?

时间:2018-11-26 15:14:36

标签: javascript jquery html5

我在项目中使用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/

有人可以请教这个问题吗?

先谢谢了。

2 个答案:

答案 0 :(得分:1)

您可以使用与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);

答案 1 :(得分:1)

您可以定义一个以0填充数字的函数(例如this

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

然后使用它来格式化分钟和秒

mvn clean install