弹出对话框10秒后隐藏

时间:2009-09-03 10:54:11

标签: javascript jquery html css jquery-ui

我正在一些网站上工作,我使用了jQuery UI,用于弹出对话框。

我想在10秒后关闭它,我已经使用了fadOut 10000毫秒,但它慢慢消失。

Here is the link

查看源代码,请帮助我。

2 个答案:

答案 0 :(得分:5)

Keith的版本是一个很好的方法,另一个,也许更黑客的方式,这样做:

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

这样,您可以将需要完成的所有内容链接到一行中的模态...

答案 1 :(得分:4)

有一个javascript函数可以让你在超时后执行一个动作:

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

通常你最好将函数而不是文本传递给eval()

setTimeout(hideDialog, 10000);

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

或者,如果您只想要一行:

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