Style animationPlayState องค์ประกอบ

นิยามและการใช้งาน

animationPlayState นิยามความเป็นชั้นตรีของแอนิเมชัน ว่าเป็นการทำงานหรือหยุด

หมายเหตุ:ใช้นิยามนี้เพื่อหยุดการแอนิเมชันในระหว่างการวนรอบ

ดูเพิ่มเติม:

คู่มือ CSS:นิยามของ属性 animation-play-state

ตัวอย่าง

หยุดแอนิเมชัน:

document.getElementById("myDIV").style.animationPlayState = "paused";

ทดลองด้วยตัวเอง

กราฟิก

คืนค่า animationPlayState องค์ประกอบ:

object.style.animationPlayState

ตั้งค่า animationPlayState องค์ประกอบ:

object.style.animationPlayState = "running|paused|initial|inherit"

ค่าขององค์ประกอบ

ค่า การอธิบาย
running ค่าเริ่มต้น นิยามการแอนิเมชันที่กำลังทำงาน
paused นิยามการหยุดการแอนิเมชัน
initial ตั้งค่านิยามนี้ให้เป็นค่าเริ่มต้น โปรดดู initial。
inherit จากลูกบุตรขององค์ประกอบนี้เข้าถึงนิยามนี้ขององค์ประกอบพ่อของมัน โปรดดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น: running
ค่าที่คืนมา: ตัวอักษรภาษาไทย แสดงถึง นิยามของ属性 animation-play-state。
เวอร์ชั่น CSS: CSS3

การสนับสนุนของเบราวเซอร์

animationPlayState เป็นคุณสมบัติ CSS3 (1999) นี้。

ทั้งหมดบราวเซอร์ทุกตัวเข้าถึงมันได้เต็มที่:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน 11