使用javascript解析和显示HTML音频当前时间
我正在开发一个普通的JavaScript+HTML音频播放器,现在我想构建一个界面,以“MM:SS”的形式显示音频的当前时间。 对于我可以搜索的内容,只有一个本机函数-使用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 %
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);