ansaurus

Question

Answer 1

+3 A:

There is a javascript function that allows you to carry out an action after a timeout:

setTimeout('$("#dialog").hide()', 10000);

Usually you're better off passing a function rather than the text to eval()

setTimeout(hideDialog, 10000);

function hideDialog() { $('#dialog').hide(); }

Or, if you want just one line:

setTimeout(function() { $('#dialog').hide(); }, 10000);

Keith 2009-09-03 10:56:14

Never quote the first parameter of setTimeout/setInterval, as this invokes "eval()" unnecessarily. Instead, pass an anonymous function or a function reference: setTimeout(doHide, 10000);

Steve Harrison 2009-09-03 10:58:17

Fair enough, and good advice - I was going for a quick post an then flesh out approach. Not sure it deserves a -1 though

Keith 2009-09-03 11:01:40

Yes, well, I just tried to remove my downvote after you'd edited your post, but StackOverflow seems to have implemented an annoying thing that prevents me from changing my vote now... :(

Steve Harrison 2009-09-03 11:04:11

I've already used the setTimeout() approach to hide a dialog in my project already.

Arun P Johny 2009-09-03 12:13:07

Answer 2

+4 A:

Keith's version is a good approach, another, maybe more hacky way, of doing it is this:

$("#modal").animate({opacity:1}, 10000, function() {
    $(this).fadeOut();
});

This way, you can link up everything that needs to be done to the modal in one line...

peirix 2009-09-03 11:21:47

ansaurus

tags:

views:

answers:

Popup Dialog Hide after 10sec

related questions