Jquery播放声音并转到下一页

Question

我想知道如何做到这一点，我希望观众点击其中一个图像，这是在apDiv框内，然后在音频结束3秒后，下一页将加载。

这是它下一页的代码，但它没有播放声音，如果我删除了setTimeout函数，声音播放得很好。

我哪里出错了？

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

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

Answer 1

您想要编写以下代码

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

您可以使用代码here，以便您可以交换声音，而无需将时间更改为setTimeout

Answer 2

而不是设置超时，这可能会导致不同的问题，
使用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();
   });

});