JQuery wait a number of seconds before the next line of code is executed

Question

I need a simple way or pausing a few seconds before the next line of code is executed.

So I have:

$('.myClass').show();

//WAIT FOR 5 SECONDS HERE

$('.myClass').hide();

Answer 1

setTimeout :

$('.myClass').show();
window.setTimeout(function (){$('.myClass').hide(); }, 5000);

$('.myClass').show().delay(5000).hide();

Only subsequent events in a queue are delayed; for example this will not delay the no-arguments forms of .show() or .hide() which do not use the effects queue.

docs

In order to use delay you have to use duration so it will use the queue:

$('.myClass').show().delay(5000).hide(0); 

JSFiddle DEMO

Thanks @am not i am! (again...)

Answer 2

This should work:

$('.myClass').show();
window.setTimeout(  
    function() {  
         $('.myClass').hide();//happens 5 secs later
    },  
    5000
);

See window.setTimeout on MDN

Answer 3

You can enclose the hide in a call to setTimeout() .

$('.myClass').show();
setTimeout(function() {$('.myClass').hide()}, 5000);

Answer 4

$('.myClass').show();

window.setTimeout(function () {
   $('.myClass').hide();
}, 5000);