Volevo solo sapere se esiste un modo per monitorare l'avanzamento dell'animazione di un elemento. Tutto quello che so è animationstart e animationend, Esiste una specie di animationprogress?Chiamata di animazione "progresso" CSS3
No, non c'è l'evento animationprogess. Per il W3 specification, ci sono tre tipi di eventi AnimationEvent. C'è animationstart, animationend e animationiteration.viene sparato al posto di animationend quando l'animazione sta per ripetere di nuovo.
Si potrebbe presumibilmente utilizzare un setInterval() impostato per una frazione del tempo di animazione (ad esempio il 10% del tempo di animazione) e quindi si otterrebbe il richiamo in ogni punto dell'animazione. È possibile interrogare l'avanzamento dell'animazione in uno qualsiasi di quegli eventi timer se è necessaria una posizione precisa dell'animazione.
Oppure, se si desidera una maggiore precisione dei tempi, è possibile suddividere l'animazione in più animazioni sequenziali e utilizzare animationend su ciascun pezzo come indicatore di avanzamento e trigger per avviare la fase successiva dell'animazione.
Thats bad Ho già pensato alla soluzione setTimeout anche se cercavo un modo molto migliore = D. Grazie – masterpreenz