如何在一段时间后隐藏一个div?

我需要在重新加载页面一段时间后隐藏一个div (例如Gmail中的“邮件发送成功”)。

我怎样才能做到这一点?

3 Solutions collect form web for “如何在一段时间后隐藏一个div?”

这是一个基于你的testing的完整工作示例。 比较一下你目前正在弄清楚哪里出错的地方。

 <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> 

在旧版本的jQuery中,你必须使用settimeout来实现“javascript方式”

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

要么

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

最近jquery 1.4已经添加了这个解决scheme:

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

当然,用正确的元素replace“div”使用有效的jqueryselect器,并在文档准备就绪时调用该函数。

 setTimeout('$("#someDivId").hide()',1500); 
  • nodejs:Ajax与Socket.IO,优缺点
  • twitter.com上今天的XSS onmouseover漏洞利用
  • jQuery AJAX提交表单
  • 使用Ajax XmlHttpRequest上传文件
  • 防止表单redirect或刷新提交?
  • 添加到window.onload事件?
  • 使用AJAX获取来自PHP文件的响应
  • jQuery /以编程方式在select框中select一个选项
  • jQuery自动完成:如何显示一个GIFanimation加载图像
  • 循环通过json数组jquery
  • 如何用jQuery销毁DOM元素?