2010-08-05 1 views
5

Gibt es eine Möglichkeit, das Ergebnis anzuzeigen und es dann nach etwa 10 Sekunden oder etwas mit JQuery verschwinden zu lassen?JQuery kann ich das Ergebnis anzeigen und es dann verblassen lassen?

Hier ist der 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

Warum 'async: false'? Und wenn Sie eine Aktion ausführen (anstatt Informationen abzurufen), verwenden Sie am besten POST anstelle von GET. – strager

+0

@strager ist etwas falsch mit 'async: false' – jsnag

+0

@jsnag - Es ist am besten, davon Abstand zu halten, es blockiert den Browser des Benutzers für keinen Grund wirklich :) –

Antwort

19

Sie .delay() dafür verwenden können, wie folgt aus:

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

Dies funktioniert ein .delay() für 10 Sekunden, dann eine .fadeOut() Animation führt, kein Grund es nicht mehr kompliziert Ich denke :)

Verwandte Themen