Question

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

我该怎么做？

Answer 1

这是一个基于您的测试的完整工作示例。将它与你目前要弄清楚你出错的地方相比较。

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

Answer 2

在旧版本的jquery中，您必须使用settimeout

以“javascript方式”执行此操作

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

或

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

最近，jquery 1.4添加了此解决方案：

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

当然使用有效的jquery selector用正确的元素替换“div”，并在the document is ready时调用该函数。

Answer 3

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

Answer 4

$().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>

Answer 5

您也可以使用...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script type="text/javascript">
        $(function(){
           setTimeout(function(){
               $(".signup-success").fadeOut(1500);}, 5000);
        });
</script>

如何在一段时间后隐藏div？

5 个答案: