Tôi chỉ muốn biết liệu có cách nào để theo dõi tiến trình hoạt ảnh của phần tử hay không. Tất cả những gì tôi biết là animationstart và animationend, Có một số loại animationprogress không?Hoạt ảnh CSS3 "tiến trình" gọi lại
Không, không có sự kiện animationprogess. Theo số W3 specification, có ba loại sự kiện AnimationEvent. Có animationstart, animationend và animationiteration. animationiteration được kích hoạt tại vị trí animationend khi hoạt ảnh sắp được lặp lại.
Bạn có thể sử dụng setInterval() được đặt cho một phần thời gian hoạt ảnh (ví dụ: 10% thời gian hoạt ảnh) và sau đó bạn sẽ được gọi tại mỗi điểm trong hoạt ảnh. Bạn có thể truy vấn tiến trình của hoạt ảnh tại bất kỳ sự kiện hẹn giờ nào nếu bạn cần một vị trí chính xác của hoạt ảnh.
Hoặc nếu bạn muốn chính xác hơn về thời gian, bạn có thể chia hoạt ảnh của mình thành nhiều hoạt ảnh liên tục và sử dụng animationend trên mỗi phần làm chỉ báo tiến trình và trình kích hoạt để bắt đầu giai đoạn tiếp theo của hoạt ảnh.
Thats xấu Tôi đã nghĩ về giải pháp setTimeout mặc dù tôi đang tìm kiếm một cách tốt hơn nhiều = D. Cảm ơn – masterpreenz