Où placer le timeout() fadeout?

Question

fonction checkSession() { $ .ajax ({url: "session.php", succès: function (données) { if (data == 1) {var postFilen = 'msg.php'; $. post (postFilen, function (données) { $ (". msg"). html (données) .find (". message2"). fadeIn ("lent") } else { $ ('. msg'). hide();} }}); // setInterval ('checkSession()', 1000);.

maintenant, je veux mettre à fadeOut .msg après 5 secondes, il a été démontré Comment puis-je fais ceci .. J'ai essayé:

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); 
} 

Mais le message apparaît coutume après le 1er temps ..

Answer 1

Essayez de travailler avec la méthode delay: http://api.jquery.com/delay/

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

je votre cas, quelque chose comme:

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

[modifier: exemple fixe]

[Edit2: nouvel exemple]

---

Celui-ci semble fonctionner très bien ici:

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

puis

$(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'); 
     }) 
    }); 

Answer 2

Essayez d'abord d'écrire un code plus propre pour nous de comprendre votre problème de mieux, la fonction de rappel de votre $.post manquant }); ces caractères à sa fin sur le premier extrait sur le dessus, et l'indentation est mauvaise en deuxième.

Ensuite, consultez ces liens pour comprendre l'utilisation de setTimeout.

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

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

Et à votre question:

si vous mettez var t = avant setTimeout(function() { cela fonctionnerait comme prévu,

espère que ces aide, Sinan.