javascript - カスタムオーディオプレーヤーに現在の時間/合計時間をどのように追加しますか?

Question

現在の時間/合計時間要素を追加しようとしています。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>

私のフィドルへのリンク。