如何僅顯示一個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);