一段音频点击播放,播放完后出现弹框

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
   <button>点击按钮生成音乐</button>
</body>
    <script type="text/javascript">
           var btn=document.querySelector("button");
           btn.onclick=play;
        function play(){
               //创建一个video标签
               var audio=document.createElement("audio");                       
            audio.src="Ayo97,是阿涵阿 - 感谢你曾来过.mp3"; //音乐的路径                        
            audio.autoplay=true;
            //audio.controls="controls";
               document.querySelector("body").appendChild(audio);
            audio.addEventListener('ended',function(){
                   alert("音乐播放完!");
             })
           }
        //setInterval(play,2000)
   </script>
</html>
    

 

posted @ 2018-09-04 10:25  小凢  阅读(250)  评论(0)    收藏  举报