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();
});