Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript解析和显示HTML音频当前时间_Javascript_Html_Audio_Html5 Audio_Javascript Audio Api - Fatal编程技术网

使用javascript解析和显示HTML音频当前时间

使用javascript解析和显示HTML音频当前时间,javascript,html,audio,html5-audio,javascript-audio-api,Javascript,Html,Audio,Html5 Audio,Javascript Audio Api,我正在开发一个普通的JavaScript+HTML音频播放器,现在我想构建一个界面,以“MM:SS”的形式显示音频的当前时间。 对于我可以搜索的内容,只有一个本机函数-audio | video.currentTime,它以秒为单位返回当前音频时间,并具有较大的十进制精度 要执行此操作,请输入以下代码: HTML 我尝试了很多东西,但是我不能按照我想要的方式格式化输出。 希望你们中的一些人能对此有所了解 我认为这是最优雅的方式: var seconds = audio.currentTime %

我正在开发一个普通的JavaScript+HTML音频播放器,现在我想构建一个界面,以“MM:SS”的形式显示音频的当前时间。 对于我可以搜索的内容,只有一个本机函数-
audio | video.currentTime
,它以秒为单位返回当前音频时间,并具有较大的十进制精度

要执行此操作,请输入以下代码:

HTML

我尝试了很多东西,但是我不能按照我想要的方式格式化输出。 希望你们中的一些人能对此有所了解


我认为这是最优雅的方式:

var seconds = audio.currentTime % 60;
var minutes = Math.floor(audio.currentTime / 60);

timer.innerHTML = ('0' + minutes).substr(-2) + ':' + ('0' + seconds).substr(-2);

我认为这是最优雅的方式:

var seconds = audio.currentTime % 60;
var minutes = Math.floor(audio.currentTime / 60);

timer.innerHTML = ('0' + minutes).substr(-2) + ':' + ('0' + seconds).substr(-2);
工作编辑

只是需要一点数学!见下:

var update = setInterval(function() {
      var mins = Math.floor(audio.currentTime / 60);
      var secs = Math.floor(audio.currentTime % 60);
      if (secs < 10) {
        secs = '0' + String(secs);
      }
      timer.innerHTML = mins + ':' + secs;
    }, 10);
var update=setInterval(函数(){
var分钟=数学楼层(audio.currentTime/60);
var secs=数学地板(audio.currentTime%60);
如果(秒<10){
秒='0'+字符串(秒);
}
timer.innerHTML=mins+':'+秒;
}, 10);
工作编辑

只是需要一点数学!见下:

var update = setInterval(function() {
      var mins = Math.floor(audio.currentTime / 60);
      var secs = Math.floor(audio.currentTime % 60);
      if (secs < 10) {
        secs = '0' + String(secs);
      }
      timer.innerHTML = mins + ':' + secs;
    }, 10);
var update=setInterval(函数(){
var分钟=数学楼层(audio.currentTime/60);
var secs=数学地板(audio.currentTime%60);
如果(秒<10){
秒='0'+字符串(秒);
}
timer.innerHTML=mins+':'+秒;
}, 10);