Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Jquery: how to sleep or delay?

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?

like image 975
Koerr Avatar asked May 30 '10 19:05

Koerr


1 Answers

How about .delay() ?

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

$("#test").animate({"top":"-=80px"},1500)           .delay(1000)           .animate({"opacity":"0"},500); 
like image 108
Robert Harvey Avatar answered Sep 19 '22 20:09

Robert Harvey