JQuery: как спать или задерживаться?

Я хочу переместить объект, задержать 1000 мс, затем скрыть его,

Получаю код:

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

i use ".animate({" top ":" - = 0px "}, 1000)", чтобы реализовать задержку, это не хорошо.

Я хочу:

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

любая идея?

Ответ 1

Как насчет .delay()?

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

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

Ответ 2

Если вы не можете использовать метод delay, как предложил Роберт Харви, вы можете использовать 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