jquery - jQuery播放声音并转到下一页

标签 jquery audio click next

我试图弄清楚如何执行此操作,我希望查看者单击apDiv框内的图像之一,然后在音频结束3秒钟后加载下一页。

这是它确实转到下一页的代码,但是它不会播放声音,如果我删除setTimeout函数,声音会很好地播放。

我哪里做错了?

$(function(){
$('#apDiv1').click(

function(){$("#laugh")[0].play();},
function(){setTimeout(function(){window.location = 'page1.html';}, 3900); }
)
 });

最佳答案

除了设置可能会导致不同问题的超时外,
使用audio事件监听器ended!

LIVE DEMO

$(function(){

    function playOnClick(){          
        var sound = $("#laugh")[0];     
        sound.addEventListener('ended', function() {        
           window.location = 'page1.html';        
        }, false);          
        sound.play();          
   }

   $('#apDiv1').click(function(){
       playOnClick();
   });

});

关于jquery - jQuery播放声音并转到下一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15945112/

相关文章:

jquery - 将 Logo 放在 Bootstrap 导航栏中

javascript - 用Jquery,如何获取按钮绑定(bind)的功能

audio - 在javascript中将.wav文件转换为.ogg

javascript - AngularJS:音频预览上的播放/静音按钮

swift - AKAmplitudeTracker振幅使用audioKit获得0.0

Powershell - 单击 div 中的 href 链接

jquery:将 OR 与 .click() 一起使用?

php - 使用 WooCommerce 选择变体时更新产品页面上的价格

jquery - IE 8 JQuery .find() 不适用于 XML 字符串

javascript - 通过点击按钮提交表格