Javascript 如何将当前时间/总时间添加到自定义音频播放器？

我正在尝试添加当前时间/总时间元素。看起来像01:11/03:00的东西。到目前为止，我有进度条和播放暂停按钮。以下是我的变量：

var music = document.getElementById('audioPlayer'); // id for audio element
var duration; // Duration of audio clip
var pButton = document.getElementById('pButton'); // play button
var playhead = document.getElementById('playhead'); // playhead
var timeline = document.getElementById('timeline'); // timeline

// timeline width adjusted for playhead
var timelineWidth = timeline.offsetWidth - playhead.offsetWidth;

这是我的音频播放器元素：

  <audio id="audioPlayer" preload="true" ontimeupdate="initProgressBar()">
        <source src="oh-my.mp3">      
    </audio>
    <div id="wrapper">
        <!--Audio Player Interface-->
        <div id="audioplayer">
            <button id="pButton" class="play"></button>
            <div id="timeline">
                <div class="progress" id="progress"></div>
                <div id="playhead"></div>


            </div>
        </div>
    </div>

---

在你的小提琴上，我加了一句：

0:00/0:00


在
元素（接口）中。

我还用：

ontimeupdate=“updateTracktime（）”


其中函数
updateTracktime（）
的定义如下：


函数updateTracktime（）{
让audioPlayer=document.getElementById（“audioPlayer”）；
var counter=Math.round（Math.floor（audioPlayer.currentTime）/60+”：“+Math.floor（audioPlayer.currentTime）/60+”/“+Math.round（Math.floor（audioPlayer.duration）/60+”：“+Math.floor（audioPlayer.duration）Math.round（Math.floor（audioPlayer.duration）/60））；
document.getElementById（'tracktime'）。innerHTML=计数器；
}
这可能有帮助吗？我在那里找不到我的答案，还有其他想法吗？谢谢你，这很有效，但是你能回答我最近的问题吗？