2010-08-05 3 views
5

Y a-t-il un moyen d'afficher le résultat et de le faire disparaître après environ 10 secondes ou quelque chose en utilisant JQuery?JQuery puis-je afficher le résultat puis le faire disparaître?

Voici le code.

function stop(){ 
    $.ajax({ 
     type: "GET", 
     url: "http://update.php", 
     data: "do=getSTOP", 
     cache: false, 
     async: false, 
     success: function(result) { 
      $("#rate").html(result); 
     }, 
     error: function(result) { 
      alert("some error occured, please try again later"); 
     } 
    }); 

    return false; 
} 

$(document).ready(function() { 

    $('.rating li a, .srating li a').click(stop); 

}); 
+0

Pourquoi 'async: false'? Et si vous effectuez une action (plutôt que de récupérer des informations), il est préférable d'utiliser POST au lieu de GET. – strager

+0

@strager est-il un problème avec 'async: false' – jsnag

+0

@jsnag - Il est préférable de rester loin de lui, il verrouille le navigateur de l'utilisateur pour aucune raison vraiment :) –

Répondre

19

Vous pouvez utiliser .delay() pour cela, comme ceci:

$("#rate").html(result).delay(10000).fadeOut(); 

Cela fait un .delay() pendant 10 secondes puis exécute une animation .fadeOut(), aucune raison de le rendre plus compliqué je pense :)

Questions connexes