jquery delay the execution of code

Question

In my jquery function I have a loader gif image. After I show it I want to put a delay for a second and then continue to execute the rest of the code. How can I do that?

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

Set a timeout like this :

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

Example http://jsfiddle.net/HuLTs/

Answer 2

Have you tried .delay ?

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

The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

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