jquery opóźnia wykonanie kodu

Question

W mojej funkcji jquery mam obraz gif programu ładującego. Po tym, jak to pokażę, chcę odłożyć na sekundę opóźnienie, a następnie kontynuować wykonywanie reszty kodu. Jak mogę to zrobić?

$('#loader').css('display', ''); 

    //// I want to put here a delay. 

    var myDate = new Date(); 
    myDate.setFullYear(2013,8,2); 

    var checkyear = myDate.getFullYear(); 
    var monthly =myDate.getMonth(); 
    var daily =myDate.getDate(); 

    $('#day').html(daily) ; 
    $('#month').html(months[monthly]) ; 
    $('#year').html(checkyear) ; 

Answer 1

Ustaw limit czasu tak:

var delay = 1000; 
setTimeout(function() { 
// your code 
}, delay); 

Przykład http://jsfiddle.net/HuLTs/

Answer 2

Czy próbowałeś .delay? Sposób

$('#loader').show(1).delay(1000).hide(1); 

.delay(), najlepiej do opóźniania pomiędzy kolejkowanych jQuery efektów. Ponieważ jest on ograniczony - nie oferuje na przykład sposobu na anulować delay-.delay() nie jest zamiennikiem dla natywnej funkcji JavaScript JavaScript setTimeout, która może być bardziej odpowiednia dla niektórych przypadków użycia .

Demo: http://jsfiddle.net/SBrWa/

Answer 3

$(document).ready(function(){ 
    setTimeout(function(){ 
     //your code 
    }, 
    2000); 
}); 

Tutaj 2000 dotyczy 2 seconds

Answer 4

Można użyć tego kodu,

$('#loader').css('display', ''); 

setTimeout(function() { 
    var myDate = new Date(); 
    myDate.setFullYear(2013,8,2); 

    var checkyear = myDate.getFullYear(); 
    var monthly =myDate.getMonth(); 
    var daily =myDate.getDate(); 

    $('#day').html(daily) ; 
    $('#month').html(months[monthly]) ; 
    $('#year').html(checkyear) ; 
}, 1000); 

Answer 5

Spróbuj tego

$(function(){ 
    $('#loader').css('display', ''); 
    setTimeout(function(){ 
     var myDate = new Date(); 
     myDate.setFullYear(2013,8,2); 
     var checkyear = myDate.getFullYear(); 
     var monthly =myDate.getMonth(); 
     var daily =myDate.getDate(); 
     $('#day').html(daily) ; 
     $('#month').html(months[monthly]) ; 
     $('#year').html(checkyear) ; 
    },1000);// 1 second delay 
});