programing

Jquery : 잠자기 또는 지연하는 방법?

nasanasas 2020. 12. 3. 08:00
반응형

Jquery : 잠자기 또는 지연하는 방법?


개체 위로 이동하고 1000ms 지연 한 다음 숨기고 싶습니다.

나는 코드를 얻습니다.

$("#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);

어떤 생각?


어때요 .delay()?

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

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

delayRobert Harvey가 제안한 방법을 사용할 수없는 경우 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

참고 URL : https://stackoverflow.com/questions/2939980/jquery-how-to-sleep-or-delay

반응형