jQuery显示5秒然后隐藏

Question

我使用.show在成功提交表单后显示隐藏的消息。

如何显示消息5秒钟然后隐藏？

Answer 1

可以使用.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(); 
}); 

Answer 2

您可以使用下面的效果动画，你可以改变这些值按您的要求

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');