1

函数 checkSession(){ $.ajax({url: "session.php", 成功: function(data){ if( data == 1){ var postFilen = 'msg.php'; $.post(postFilen, function( data){ $(".msg").html(data).find(".message2").fadeIn("slow") }else{ $('.msg').hide(); } }}); // setInterval('checkSession()',1000);

现在我想在 5 秒后淡出 .msg，它已经显示出来了。我该怎么做..我试过：

function checkSession(){
    $.ajax({url: "session.php", success: function(data){
         if( data == 1){
            var postFilen = 'msg.php';
            $.post(postFilen, function(data){
            $(".msg").html(data).find(".message2").fadeIn("slow")
                    setTimeout(function() {
    $('.msg').fadeOut('slow');
        }, 5000);
            });  
         }else{ 
             $('.msg').hide();
         }
    }});
// setInterval('checkSession()',1000);
}

但是在第一次之后该消息不会出现..

4

2 回答 2

2

尝试使用该delay方法： http ://api.jquery.com/delay/

 $('#foo').slideUp(300).delay(800).fadeIn(400);

我的情况是：

 $(".msg")
   .html(data)
   .find(".message2")
   .fadeIn("slow")
   .parent('.msg')
   .delay(5000)
   .fadeOut('slow')

[编辑：固定示例]

[edit2：新示例]

这个似乎在这里工作正常：

<div class="msg"></div>
<p>
    Some text <br /> <a id="bloup" href="">show message</a>
</p>

进而

   $(function() {
      $("#bloup").click(function(e) {
          e.preventDefault();

          var data = "<span class='message2'>Hello world</span>";

          $(".msg")
              .show()
              .html(data)
              .find('.message2')
              .fadeIn('slow')
              .parent('.msg')
              .delay(2000).fadeOut('slow');
      }) 
   });
于 2010-03-07T09:53:05.713 回答
0

首先尝试为我们编写更清晰的代码以更好地理解您的问题，您的回调函数在顶部的第一个片段的末尾$.post缺少这些字符，而第二个片段的缩进很糟糕。});

然后查看这些链接以了解 setTimeout 的使用。

https://developer.mozilla.org/en/DOM/window.setTimeout

http://www.w3schools.com/jsref/met_win_settimeout.asp

对于你的问题：

如果你把它按预期工作var t =，setTimeout(function() {

希望这些有帮助，思南。

于 2010-03-07T10:17:50.347 回答