AnimationEffect: phương thức updateTiming()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

Phương thức updateTiming() của giao diện AnimationEffect cập nhật các thuộc tính thời gian đã chỉ định cho một hiệu ứng hoạt ảnh.

Cú pháp

updateTiming(timing)

Tham số

timing Optional: Một đối tượng chứa không hoặc nhiều thuộc tính trong giá trị trả về của AnimationEffect.getTiming(), biểu diễn các thuộc tính thời gian cần cập nhật.

Ngoại lệ

TypeError: Được ném ra nếu các giá trị không hợp lệ được cung cấp cho bất kỳ thuộc tính thời gian nào.

updateTiming() có thể khiến bất kỳ Animation liên kết nào bắt đầu hoặc dừng phát, ví dụ nếu hiệu ứng của một hoạt ảnh đang chạy được rút ngắn sao cho thời điểm kết thúc của nó nằm trước Animation.currentTime hoặc hiệu ứng của một hoạt ảnh đã kết thúc được kéo dài sao cho thời điểm kết thúc của nó nằm sau Animation.currentTime.

const animation = document.body.animate([], { duration: 1000 });
animation.finish();
console.log(animation.playState); // finished
animation.effect.updateTiming({ duration: 2000 });
console.log(animation.playState); // running