Wykonanie funkcji gdy animacja zostanie wykonana w x%

Wykonanie funkcji gdy animacja zostanie wykonana w x%
Szymon Stępniak
  • Rejestracja:prawie 5 lat
  • Ostatnio:10 miesięcy
  • Postów:19
0

Witam programistów.

Chciałbym dodać do swojej animacji funkcję, która wykona się tylko wtedy gdy animacja osiągnie pewien swój stan np. pewna funkcja wykona się tylko wtedy gdy animacja zostanie w 30% wykonana

Freja Draco
Freja Draco
  • Rejestracja:około 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
0

Nie ma takiego zdarzenia:
https://www.w3schools.com/jsref/obj_animationevent.asp

Spróbuj może przypisać do obiektu dwie różne animacje, gdzie pierwsza ma taką długość trwania, jaką druga z nich ma opóźnienie.
I przypisz swoją funkcję do zakończenia pierwszej animacji.


semicolon
  • Rejestracja:ponad 5 lat
  • Ostatnio:prawie 5 lat
  • Postów:114
0

W tym powyższym linku jest animationstart, a więc można pod to się podpiąć i wraz ze startem odpalić setTimeout z wcześniej wyliczonym czasem oczekiwania.

edytowany 1x, ostatnio: semicolon
Szymon Stępniak
  • Rejestracja:prawie 5 lat
  • Ostatnio:10 miesięcy
  • Postów:19
0
Freja Draco napisał(a):

Nie ma takiego zdarzenia:
https://www.w3schools.com/jsref/obj_animationevent.asp

Spróbuj może przypisać do obiektu dwie różne animacje, gdzie pierwsza ma taką długość trwania, jaką druga z nich ma opóźnienie.
I przypisz swoją funkcję do zakończenia pierwszej animacji.

Ten pomysł nie jest zły jednak gdy chce wstawić jedną animacje,w których jej częściach będzie się coś działo (np. 4 takie części) to dodawanie 4 różnych animacji a potem kombinować by na każdej z jej końców coś się zadziało to trochę boli

edytowany 1x, ostatnio: Szymon Stępniak

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.