jquery задерживает выполнение кода

Question

В моей функции jquery у меня есть изображение gif загрузчика. После того, как я покажу его, я хочу поставить задержку на секунду, а затем продолжить выполнение остальной части кода. Как я могу это сделать?

$('#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

Установите тайм-аут, как это:

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

Пример http://jsfiddle.net/HuLTs/

Answer 2

Вы пробовали .delay? Метод

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

.delay() лучше всего подходит для задержки между очередью JQuery эффектами. Поскольку он ограничен - он, например, не предлагает способ отменить delay-.delay() не является заменой встроенной функции JavaScript setTimeout, которая может быть более подходящей для определенного использования .

Демо: http://jsfiddle.net/SBrWa/

Answer 3

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

Здесь 2000 относится к 2 seconds

Answer 4

Вы можете использовать этот код,

$('#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

Попробуйте это,

$(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 
});