JQuery: how to sleep or linger?

Question

I want to move the object, hold for 1000 ms, then hide it,

I get the code:

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

i use ".animate ({" top ":" - = 0px "}, 1000)" to implement the delay, this is not good.

I want to:

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

any idea?

Answer 1

What about .delay() ?

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

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

Answer 2

If you cannot use the delay method, as suggested by Robert Harvey, you can use setTimeout .

Eg.

 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