JS音频播放结束后自动跳转网页

<audio id="ad" controls>
<source src="yinhu.mp3" type="audio/mpeg">
</audio>
<script>
audio = document.getElementById("ad");
function redirectHandler() {
window.location = 'http://www.baidu.com';
}
audio.addEventListener('ended', redirectHandler, false);
/**function play() {
audio.play();
}**/
</script>
<audio id="ad" controls>
  <source src="yinhu.mp3" type="audio/mpeg">
</audio>

<script>
    audio = document.getElementById("ad");
  
  function redirectHandler() {
    window.location = 'http://www.baidu.com';
  }

  audio.addEventListener('ended', redirectHandler, false);
  
    /**function play() {
        audio.play();
    }**/
</script>
<audio id="ad" controls> <source src="yinhu.mp3" type="audio/mpeg"> </audio> <script> audio = document.getElementById("ad"); function redirectHandler() { window.location = 'http://www.baidu.com'; } audio.addEventListener('ended', redirectHandler, false); /**function play() { audio.play(); }**/ </script>

定义一个变量audio,获取id,使用addEventListener函数,加一个ended值,音乐播放结束会自动执行函数redirectHandler()

redirectHandler()函数内的代码就是音频结束后执行的代码。

当有多段音频时,请使用document.getElementsByClassName获取元素。


    © 版权声明
    THE END
    支持博主,更新加速
    点赞3赞赏 分享
    勋章统计

    评论一下 抢沙发

    请登录后发表评论

      请登录后查看评论内容