Jquery: làm thế nào để ngủ hoặc chậm trễ?

Question

tôi muốn di chuyển lên đối tượng, 1000ms chậm trễ, sau đó giấu nó,

tôi lấy mã:

$("#test").animate({"top":"-=80px"},1500) 
     .animate({"top":"-=0px"},1000) 
     .animate({"opacity":"0"},500); 

tôi sử dụng" .animate ({ "top": "- = 0px"}, 1000) "để thực hiện chậm trễ, nó không tốt.

tôi muốn:

$("#test").animate({"top":"-=80px"},1500) 
     .sleep(1000) 
     .animate({"opacity":"0"},500); 

bất kỳ ý tưởng?

Answer 1

Làm thế nào về .delay()?

http://api.jquery.com/delay/

$("#test").animate({"top":"-=80px"},1500) 
      .delay(1000) 
      .animate({"opacity":"0"},500); 

Answer 2

Nếu bạn không thể sử dụng phương pháp delay như Robert Harvey đề nghị, bạn có thể sử dụng setTimeout.

Ví dụ:

setTimeout(function() {$("#test").animate({"top":"-=80px"})} , 1500); // delays 1.5 sec 
setTimeout(function() {$("#test").animate({"opacity":"0"})} , 1500 + 1000); // delays 1 sec after the previous one