如何在一段时间后隐藏一个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); 
  • 一次replace多个string
  • 推荐2012年的jQuery模板?
  • 检查checkbox是否被选中JavaScript
  • 使用jQuery设置input值后更新Angular模型
  • 获取键/值JavaScript对象的关键的最佳方法
  • 如何使脚本执行等到jquery加载
  • jQuery循环AJAX成功的JSON结果?
  • 修改Twitter Bootstrap折叠插件,以保持手风琴打开
  • 修复网站加载时间?
  • 使用jQuery Ajax的ASP.NET MVCvalidation?
  • JSHint和jQuery:'$'没有定义