Animacja w pętli jquery

Question

Cześć,

podsuncie mi pomysł jak napisać animacje najlepiej w jquery, która ma wykonywać się dla każdego elementu (animacja ma zmieniać właściwości css np. zmiana koloru lub wielkości) po kolei, czyli w pętli.

jest po prostu kilka elementów wykonuje się ta sama animacja css na pierwszym elemencie kończy się i znaczy na drugim elemencie i tak pokolei na dziewięciu elementach. Jak zrobić żeby to działo się tak po kolei?
Proszę o jakieś przykłady mini kodu tak żeby można było to lepiej zrozumieć :)
 Z góry dzieki za pomoc!

Answer 1

A po co Ci do tego JavaScript? Tak najbardziej łopatologicznie to można to zrobić poprzez nadanie różnych klas dla poszczególnych elementów, i w tych klasach przypiąć animacje z odpowiednimi ustawieniami delay, tu masz na szybko zrobiony PoC: https://codepen.io/anon/pen/LgNpVo?editors=1100

Kod jest daleki od ideału ale chodziło mi o jak najprostsze pokazanie idei. Oczywiście można te animacje odpalać z poziomu JS, wszystko zależy też od złożoności tych animacji itp. Można np. za pomocą JS ustawić odpowiednio moment ich odpalenia (a dokładniej przypisania klas z ustawieniami animacji do elementów), na przykład na jakiś scroll, jakiś click, itp. itd.

Comments

Pętla byłaby tutaj miłe widziana ponieważ ta animacja która wysłałeś wykonuje się raz.

ma wykonywać się to cały czas i wartość infinite raczej nie będzie ty dobrze działać w samym css. A jeszcze super by było jakby elementy miały animacje losowe np. 1 element potem 4 itp. Ale nie jest to obowiązkowe, ważniejsze żeby działo się to cały czas.

---

jak cały czas no to właśnie infinite, dlaczego niby ma to źle działać?

A jeśli losowo no to w JS po prostu zrób sobie tablicę zawierającą np. id tych elementów i np. co 2 sekundy pobieraj z niej losowy id i dla tego elementu odpalaj animację. Musiałbyś pokazać kod z czym dokładnie masz problem bo tak to ciężko cokolwiek pomóc.