Требуется тайм-аут или задержка при загрузке, Ajax jquery

Question

Я создаю loginscript и хочу добавить «функцию», после отправки формы, я хочу, чтобы она подождала 1-2 секунды до входа в систему.

Я попытался заставить его работать, но загрузка просто мигает и не задерживается, как я хочу. Смотрите следующий JQuery:

$(document).on({ 
ajaxStart: function() { $body.addClass("loading"); }, 
ajaxStop: function() { $body.removeClass("loading"); }  
}); 



$(document).ready(function() { 

     $('#login').click(function() 
      { 
       var my_delay = 2000; 
       var username=$("#username").val(); 
       var password=$("#password").val(); 
       var dataString = 'username='+username+'&password='+password; 
       if($.trim(username).length>0 && $.trim(password).length>0) 
       { 
       $.ajax({ 
       type: "POST", 
       url: "ajaxLogin.php", 
       data: dataString, 
       cache: false, 
       beforeSend: function(){  
        $("#login").val('Connecting...');}, 
       success: function(data){ 
        if(data) 
        { 
         $("body").addClass("loading").delay(6000); // <-- This I want to show 2 seconds before or meanwhile it loads home.php 
         $("body").load("home.php").hide().fadeIn(1500); 
        } 
        else 
        { 
         $('#box').shake(); 
         $("#login").val('Login') 
         $("#error").html("<span style='color:#cc0000'>Fel:</span> Felaktigt anv eller lös. "); 
        } 
       } 
      }); 

     } 
     return false; 
    }); 

Я попробовал это, но это просто сделать загрузку пребывания и не перенаправлять home.php после 3000ms.

$("body").setTimeout("load('home.php');", 300); 

Answer 1

$('body').delay(2000).queue(function(nxt) { 
    $(this).load('home.php'); 
    nxt(); 
});