如何只显示一个div 3秒，然后使用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);

Docs for delay

Answer 2

您可以使用JavaScript原生的setTimeout。

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