是否存在一个jquery插件，它会显示一个div然后在一段时间后隐藏它

Question

我记得过去编写过这段代码，所以我可以再做一遍，但我希望找到一个可以做同样事情的插件。基本上我有一个div的错误消息。在开始它是hdiden。当出现错误信息时，我会显示它，然后在20秒后将其淡出。是否已经存在可以接受div.class和错误消息的插件并执行此操作？

Answer 1

您可以执行以下操作：

$('div.class').show().delay(20000).fadeOut();

Answer 2

.delay()和.hide()的组合应该可以解决问题。需要注意的一点是，没有参数的hide()会绕过事件队列。

此页面http://api.jquery.com/delay/提供了您想要的示例。

Answer 3

我更喜欢使用的一种方式是：

$('#related_div').delay(20000).fadeOut(2500)

等待20秒，然后用2.5秒长的淡出效果隐藏div ......

Answer 4

哇为此插件？

简单的settimeout怎么样：

$("#error").animate({"opacity":"100"};
setTimeout(function() {$("#error").animate({"opacity":"0"})} , 20 * 1000);