jQuery 显示 5 秒然后隐藏

2023-12-24

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

如何让消息显示5秒然后隐藏?


您可以使用.delay() http://api.jquery.com/delay/在动画之前,像这样:

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

如果不是动画,请使用setTimeout() https://developer.mozilla.org/en/window.setTimeout直接,像这样:

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

你做第二个是因为.hide()通常不会出现在动画中(fx)队列没有持续时间,只是即时效果。

或者,另一种选择是使用.delay() http://api.jquery.com/delay/ and .queue() http://api.jquery.com/queue/你自己,像这样:

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 显示 5 秒然后隐藏 的相关文章