2010-08-05 30 views
5

Có cách nào tôi có thể hiển thị kết quả và sau đó có nó biến mất sau khoảng 10 giây hoặc một cái gì đó bằng cách sử dụng JQuery?JQuery tôi có thể hiển thị kết quả sau đó có nó biến mất không?

Đây là mã.

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

Tại sao 'async: false'? Và nếu bạn đang thực hiện một số hành động (thay vì truy xuất thông tin), tốt nhất bạn nên sử dụng POST thay vì GET. – strager

+0

@strager có gì đó sai với 'async: false' – jsnag

+0

@jsnag - Tốt nhất là tránh xa nó, nó khóa trình duyệt của người dùng mà không có lý do gì cả :) –

Trả lời

19

Bạn có thể sử dụng .delay() cho điều này, như thế này:

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

này thực hiện việc .delay() trong 10 giây sau đó thực hiện một hình ảnh động .fadeOut(), không có lý do để làm cho nó bất kỳ phức tạp hơn tôi nghĩ :)

Các vấn đề liên quan