如何在一段时间后隐藏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？

回答

相关问题