jQuery显示5秒钟然后隐藏

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

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

Answer 1

您可以在animation之前使用.delay() ，如下所示：

 $("#myElem").show().delay(5000).fadeOut(); 

如果不是animation，则直接使用setTimeout() ，如下所示：

 $("#myElem").show(); setTimeout(function() { $("#myElem").hide(); }, 5000); 

你做第二个，因为.hide()通常不会在没有持续时间的animation（ fx ）队列上，这只是一个即时效果。

或者，另一种select是自己使用.delay()和.queue() ，如下所示：

 $("#myElem").show().delay(5000).queue(function(n) { $(this).hide(); n(); }); 

Answer 2

您可以使用以下效果进行animation制作，您可以按照您的要求更改这些值

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