Js następujące animacje

pytanie zadane 21 października 2016 w JavaScript przez Ehlert Ekspert (214,530 p.)

Cześć,

realizuję projekt, w którym po sobie następuje kilka animacji (wywołań moich funkcji). Korzystam z jQuery i zastanawiam się czy dobrym pomysłem będzie implementacja Js'owego sleep, żeby uniknąć takiego schematu kodu:

anim1();
setTimeout(function(){
   anim2();
   setTimeout(function(){
      anim3();
      setTimeout(function(){
         anim4();
         //setTime....
      }, czas3);
   }, czas2);
}, czas1);

komentarz 21 października 2016 przez Magicone Nałogowiec (45,100 p.)

>zastanawiam się czy dobrym pomysłem będzie implementacja Js'owego sleep, żeby uniknąć takiego schematu kodu

Chcesz burzyć budujący język eventloop? :o

1 odpowiedź

odpowiedź 21 października 2016 przez nanoSolum Użytkownik (830 p.)

Zależy w jaki sposób chcesz skonstruować całość. W jQuery jest funckja .delay(), którą powinno się wykorzystywać w przypadku następujących po sobie zdarzeń ( animate(..).delay().animate(...) itd.). Jeśli masz większe bloki kodu obsługujące animację to faktycznie lepiej wtedy użyć setTimeout.

https://api.jquery.com/delay/