如何仅显示一个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);