h5 audio标签 点击播放暂停 并添加进度条显示

<div class="audio_con" onclick="playVid()" >
    <div class="audiobg"></div>
</div>
<audio  src="../js/1.mp3"  id="myaudio"></audio>

var myaudio = document.getElementById("myaudio");
    var settimer;        //设置定时器
    var duration = 0;    //音乐总时长
    var audiowidth = 0;    //进度条宽度
    myaudio.oncanplay = function () {      //audio加载完毕获取audio总时长
        duration = myaudio.duration;        
    };
    function playVid(){    
        if (myaudio.paused){    //如果是暂停状态，开始播放并每一秒中获新已播放时长
            myaudio.play();
            settimer = setInterval(function(){
                var currentTime = myaudio.currentTime;
                if( currentTime >= duration){    //已播放时长大于总时长
                    pauseVid();
                }else{