Jquery:如何睡觉或延迟?

时间:2010-05-30 19:30:06

标签: javascript jquery

我想向上移动物体,延迟1000毫秒,然后隐藏它,

我得到了代码:

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

我使用“.animate({”top“:” - = 0px“},1000)”来实现延迟,这不好。

我想:

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

任何想法?

2 个答案:

答案 0 :(得分:95)

.delay()怎么样?

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

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

答案 1 :(得分:56)

如果您不能像Robert Harvey建议的那样使用delay方法,则可以使用setTimeout

例如

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