首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >音频播放器上显示2个十进制时间

音频播放器上显示2个十进制时间
EN

Stack Overflow用户
提问于 2019-06-05 08:49:22
回答 1查看 29关注 0票数 0

对于我的音频播放器,我如何在两个小数中显示这两次?

现在计数器显示... 0:7,0:8,0:9,0:10,0:11

但它应该是这样的:

0:07,0:08,0:09,0:10,0:11

音频文件的总时间显示为: 273.298866

但它应该是:

4:13

代码语言:javascript
复制
var duration = document.getElementById('fullDuration');
var currentTime = document.getElementById('currentTime');

duration.innerHTML = mytrack.duration;


mytrack.addEventListener("loadedmetadata",function(){
    var minutes = parseInt(mytrack.duration / 60);
    var seconds = parseInt(mytrack.duration % 60);
    duration.innerHTML = minutes + ':' + seconds;
})

代码语言:javascript
复制
function update(){
  if(!mytrack.ended){
    var playedMinutes = parseInt(mytrack.currentTime/60);
    var playedSeconds = parseInt(mytrack.currentTime%60);
    currentTime.innerHTML = playedMinutes + ':' + playedSeconds;

    var size = parseInt(mytrack.currentTime*barSize/mytrack.duration);
    progressBar.style.width = size + "px";

  }
  else{
    currentTime.innerHTML = "0.00";
    playButton.style.backgroundImage = 'url(file:///Users/Pier/Desktop/Play%20button.png)';
    progressBar.style.width = "0px";
    window.clearInterval(updateTime);
  }
}
EN

回答 1

Stack Overflow用户

发布于 2019-06-05 09:04:50

现代的方法是使用String.padStart,但它是doesn't work with IE

代码语言:javascript
复制
currentTime.textContent = playedMinutes + ':' + playedSeconds.toString().padStart(2, '0');
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56452977

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档