Запуск функции после выполнения эффектов

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 секунду после того, как разнесения эффект закончил.