10秒后隐藏弹出对话框答案

【问题标题】：Popup Dialog Hide after 10sec10秒后隐藏弹出对话框
【发布时间】：2009-09-03 10:54:11
【问题描述】：

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

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

查看源代码，请帮助我。

【问题讨论】：

【解决方案1】：

Keith 的版本是一个很好的方法，另一种可能更老套的方法是：

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

这样，您可以在一行中将需要完成的所有操作链接到模态...

【讨论】：

【解决方案2】：

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

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

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

setTimeout(hideDialog, 10000);

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

或者，如果你只想要一行：

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

【讨论】：

永远不要引用 setTimeout/setInterval 的第一个参数，因为这会不必要地调用“eval()”。相反，传递一个匿名函数或函数引用：setTimeout(doHide, 10000);
很公平，也是很好的建议 - 我打算快速发布一个然后充实的方法。不确定它是否值得 -1
是的，好吧，我只是在你编辑了你的帖子后试图删除我的反对票，但 StackOverflow 似乎已经实现了一个令人讨厌的事情，阻止我现在改变我的投票...... :(
我已经使用 setTimeout() 方法在我的项目中隐藏了一个对话框。