Question

I am trying to open a jQuery dialog with no buttons to display with some animations and then automatically stay there for like 3 seconds, then close. Here is a jsfiddle of what I think should work, but as you can see it just opens and closes without waitng the 3 seconds:

jsfiddle: http://jsfiddle.net/WrdM9/1/

Anyone know how to straighten this out?
Thanks!

Answer 1

You should use setTimeout:

open: function(event, ui) {
    setTimeout(function(){
        $('#dialog').dialog('close');                
    }, 3000);
}

Here’s the fiddle: http://jsfiddle.net/WrdM9/2/