jQuery显示5秒，然后隐藏
jQuery显示5秒，然后隐藏
提问于 2010-08-07 09:20:04
我正在使用.show在成功提交表单后显示一条隐藏消息。
如何显示消息5秒后隐藏？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-08-07 09:22:02
可以在动画之前使用.delay()，如下所示：
$("#myElem").show().delay(5000).fadeOut();如果不是动画，则直接使用setTimeout()，如下所示：
$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);之所以选择第二个，是因为如果没有持续时间，.hide()通常不会出现在动画(fx)队列中，这只是一个即时效果。
或者，另一种选择是自己使用.delay()和.queue()，如下所示：
$("#myElem").show().delay(5000).queue(function(n) {
$(this).hide(); n();
});Stack Overflow用户
发布于 2012-01-09 19:59:16
你可以使用下面的效果来动画，你可以根据你的需要改变这些值
$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow'); Stack Overflow用户
发布于 2020-06-26 18:08:14
就像这样简单：
$("#myElem").show("slow").delay(5000).hide("slow");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3428766
复制相关文章
相似问题