javascript - 如何仅显示 3 秒的 div 并使用 jquery 再次消失？

Question

我有这样的html

<p id="msgfail"  hidden="hidden" >Theres an error processing ur request</p>
<p id="sucessmsg"  hidden="hidden">Success fully update database</p>

当我单击一个按钮时，它会触发尝试向 mysql 数据库输入数据。并且相应的 p 项是可见的。现在我的问题是如何让它在超时后再次消失？

我试过这样

if ($("#msgfail").is(":visible")) {
  setTimeout(function() {$("#msgfail").hide();}, 3000);
}

Answer 1

你在想这样的事情吗？

$("#msgfail").delay(3000).hide(1);

的文档delay。

Answer 2

您可以只使用setTimeoutJavaScript 原生的。

$('#msgfail').show();
setTimeout(function() { $('#msgfail').hide(); }, 3000);