javascript - Jquery: how to sleep or delay?

Question

i want move up the object, delay 1000ms , 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 delay, it's not good.

i want:

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

any idea?

Answer 1

How about .delay() ?

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

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