fade out div after x seconds with jquery

The .delay method is purpose built for what you are describing:

$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');$('#box').fadeIn('slow').delay(1000).hide(0);

jquery timer delay

You could use setTimeout()

var xSeconds = 1000; // 1 secondsetTimeout(function() {   $('#overlay').fadeOut('fast');   $('#box').hide();}, xSeconds);

jquery timer delay

Maybe this is too late to reply but I found a way which helped me.

$("#overlay").fadeTo(10000,1).fadeOut(5000);

It allows you to set a time like when you want the div to disappear and with what speed.

CodeHunter