javascript - 效果完成后运行函数

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 秒重定向页面。