javascript - Popup Dialog Hide after 10sec - Stack Overflow

admin管理员组

文章数量:1432643

I am working on some website , i have used jQuery UI , for pop-up dialog .

I want to close that after 10sec, I have used fadOut 10000 ms but its slowly fades.

Here is the link

View the source code and please help me in this.

I am working on some website , i have used jQuery UI , for pop-up dialog .

I want to close that after 10sec, I have used fadOut 10000 ms but its slowly fades.

Here is the link

View the source code and please help me in this.

• javascript
• jquery
• html
• css
• jquery-ui

Share Improve this question Follow edited Sep 3, 2009 at 10:56 Steve Harrison 126k1717 gold badges8989 silver badges7373 bronze badges asked Sep 3, 2009 at 10:54 Wasim ShaikhWasim Shaikh 7,0401818 gold badges6363 silver badges8888 bronze badges 1

• 1 try to reduce it to an example html + javascript you can include in your question. This will increase the chances of not getting your question closed. – Davy Landman Commented Sep 3, 2009 at 10:57

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

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...

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);

本文标签： javascriptPopup Dialog Hide after 10secStack Overflow