如何在一段時間後隱藏div？

我需要隱藏div（例如Gmail中的「郵件發送成功」），在我重新加載頁面的一段時間後。如何在一段時間後隱藏div？

我該怎麼做？

2010-03-11 rag

下面是一個基於測試的完整工作示例。將它與您目前正在弄清楚哪裏出錯的地方進行比較。

<html> 
    <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $('#deletesuccess').delay(1000).fadeOut(); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id=deletesuccess > hiiiiiiiiiii </div> 
    </body> 
</html>

來源

2010-03-11 16:30:26 rosscj2533

謝謝rosscj2533 .......... – rag 2010-03-11 17:17:27

正確的作品...謝謝先生 – 2016-09-16 12:22:07

在舊版本的jQuery，你必須做的「JavaScript的方式」使用settimeout

setTimeout(function(){$('div').hide();} , 4000);

或

setTimeout("$('div').hide();", 4000);

近年來，隨着jquery 1.4該解決方案已添加：

$("div").delay(4000).hide();

當然用val替換正確的元素「div」編號爲jquery selector，並在the document is ready時調用該函數。

來源

2010-03-11 15:39:55 marcgg

我不認爲第一個示例將工作... – Pointy 2010-03-11 15:40:52

@pointy，應該固定 – marcgg 2010-03-11 15:41:35

原因是，在'setTimeout'函數期望，因爲它是第一個參數無論是功能，還是一個字符串。你既沒有提供，你正在執行這個函數，並且這個函數的返回值是你發送給'setTimeout'函數的東西。這將工作，如果你傳遞函數本身，就像這樣：'setTimeout（$（「#div」）.hide，4000）;'。 – 2010-03-11 15:44:06

setTimeout('$("#someDivId").hide()',1500);

來源

2010-03-11 15:40:28 Jage

如何在一段時間後隱藏div？

回答

相關問題