41

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

我怎样才能做到这一点？

4

5 回答 5

101

这是基于您的测试的完整工作示例。将其与您当前所拥有的进行比较，以找出您哪里出错了。

<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-11T16:30:26.100 回答
45

在旧版本的 jquery 中，您必须使用settimeout以“javascript 方式”进行操作 

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

或者

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

最近在jquery 1.4中添加了这个解决方案：

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

当然，使用有效的jquery 选择器将“div”替换为正确的元素，并在文档准备好时调用该函数。

于 2010-03-11T15:39:55.263 回答
8 
setTimeout('$("#someDivId").hide()',1500);
于 2010-03-11T15:40:28.087 回答
3 

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

于 2018-10-23T20:49:02.480 回答
1

您还可以使用...

<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>
于 2021-05-08T19:01:47.270 回答