jquery - 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'); 

Answer 3

就像这样简单：

$("#myElem").show("slow").delay(5000).hide("slow");