html頁面引入js文件:jquery.jplayer.min.js
js代碼:
var time = audio.duration;
var total_time = $.jPlayer.convertTime(time);
// 如果獲取到了歌曲總時間,則顯示,否則顯示加載中...
if(time >0){
$("#totaltime").html(total_time);
}else{
$("#totaltime").html("加載中...");
}
其他方法:https://blog.csdn.net/qq_42894622/article/details/89421262
let musicDom = document.getElementsByTagName('audio')[0]; // 獲取AudioDom節點
musicDom.load();//因爲source標籤不能直接更改路徑,所以整個audio標籤必須重新加載一次
musicDom.oncanplay = function () {
console.log("音樂時長",musicDom.duration);//音樂總時長
//處理時長
var time = musicDom.duration;
//分鐘
var minute = time / 60;
var minutes = parseInt(minute);
if (minutes < 10) {
minutes = "0" + minutes;
}
//秒
var second = time % 60;
var seconds = Math.round(second);
if (seconds < 10) {
seconds = "0" + seconds;
}
console.log('處理音樂時長',minutes+":"+seconds);
}