如何隐藏一些时间段之后的DIV？

StackOverflow https://stackoverflow.com/questions/2426304

  •  19-09-2019
  •  | 
  •  

题

我需要隐藏在一定时间段之后的div（例如在Gmail“邮件发送成功”）时，我重新加载该页面。

我怎么能这样做？

有帮助吗？

解决方案

下面是根据你的测试一个完整的工作的例子。请比较有什么当前要弄清楚你要去哪里错了。

<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，你必须做的“JavaScript的方式”使用的setTimeout 

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

或

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

近年来，随着 jquery的1.4 该溶液已被添加：

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

当然由正确的元件使用有效 jQuery选择和调用函数时文档准备好。 

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


$().ready(function(){

  $('div.alert').delay(1500);
   $('div.alert').hide(1000);
});
div.alert{
color: green;
background-color: rgb(50,200,50, .5);
padding: 10px;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="alert"><p>Inserted Successfully . . .</p></div>

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top