效果完成后运行函数

Question

如何在效果完成后运行函数，如延迟特定时间后运行指定的函数？我尝试了设置超时时间，但它不适合我。

这里我的代码

<script> 
    $("#findtext").keyup(function (e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 13) 
     { 
      explodeEffect(); 

     } 

      $.ajax({ 
       url: 'resultFindFriend.php', 
       type: 'post', 
       async: false, 
       data: { dataFriend: $(this).val() }, 
       success: function (data) { 
        $('.outputfindfriend').html(data); 
       } 
      },setTimeout(150)); 

    }); 

    function explodeEffect() { 
     $("#explodesearchresult").toggle("explode"); 
     setTimeout(1000); 
     window.location("http://localhost/index.html"); 
    }; 

    $("#buttonfriend").click(function() { 
     explodeEffect(); 
     return false; 

    }); 



</script> 

Answer 1

这是可行的与jQuery的.toggle()，只需添加一个函数作为第二个参数。

试试这个：

function explodeEffect() { 
    $("#explodesearchresult").toggle(400, function() { 
    setTimeout(function() { 
     window.location.href = "http://localhost/index.html"; 
    }, 1000); 
    }); 
} 

这将的爆炸效果完成1秒后重定向的页面。