fade out div after x seconds with jquery

Question

I do a fade in div that is not displayed when I load the page:

    $(\'#overlay\').fadeIn(\'fast\');
    $(\'#box\').fadeIn(\'slow\');

I would

Answer 1

You could use setTimeout()

var xSeconds = 1000; // 1 second

setTimeout(function() {
   $('#overlay').fadeOut('fast');
   $('#box').hide();
}, xSeconds);