2010-08-05 19 views
5

¿Hay alguna manera de mostrar el resultado y luego desvanecerlo después de unos 10 segundos o algo utilizando JQuery?JQuery ¿Puedo visualizar el resultado y luego desvanecerlo?

Aquí está el código.

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

¿Por qué 'async: false'? Y si está realizando alguna acción (en lugar de recuperar información), es mejor usar POST en lugar de GET. – strager

+0

@strager hay algo mal con 'async: false' – jsnag

+0

@jsnag - Lo mejor es mantenerse alejado de él, se bloquea el navegador del usuario sin ninguna razón realmente :) –

Respuesta

19

Puede utilizar .delay() para esto, así:

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

Esto hace un .delay() durante 10 segundos y luego se realiza una animación .fadeOut(), no hay razón para ello es más complicado creo :)

Cuestiones relacionadas