AnimationEvent
Experimental: 這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中,請參考兼容表格以得到不同瀏覽器用的前輟。
摘要
AnimationEvent
介面表現提供動畫 (en-US)相關資訊的事件。
性能
另外從其父 Event
繼承屬性。
AnimationEvent.animationName
(en-US) Read only-
是一個
DOMString
包含的值animation-name
(en-US) CSS 屬性與過渡有關。 AnimationEvent.elapsedTime
(en-US) Read only-
是一個
float
給予時間的動畫已經運行,以秒為單位,當該事件燒製,不含動畫被暫停的任何時間量。為一個"animationstart"
事件,elapsedTime
是0.0
,除非有一個負值animation-delay
(en-US),在這種情況下,該事件將與燒製elapsedTime
含有(-1 * delay)
。 AnimationEvent.pseudoElement
(en-US) Read only-
是一個
DOMString
,從"::"
,包含的名字虛擬元素 (en-US)的動畫運行。如果動畫上不偽元素,但該元素,一個空字符串上運行:''。
構造函數
AnimationEvent()
-
創建一個
AnimationEvent
事件具有給定參數。
方法
同時繼承其父事件
方法。
AnimationEvent.initAnimationEvent()
非標準 已棄用-
初始化
AnimationEvent
使用過時的創建Document.createEvent("AnimationEvent")
方法。
規範
Specification |
---|
CSS Animations Level 1 # interface-animationevent |
瀏覽器兼容性
BCD tables only load in the browser
另請參見
- 使用 CSS 動畫 (en-US)
- Animation-related CSS properties and at-rules:
animation
(en-US),animation-delay
(en-US),animation-direction
(en-US),animation-duration
(en-US),animation-fill-mode
,animation-iteration-count
(en-US),animation-name
(en-US),animation-play-state
(en-US),animation-timing-function
(en-US),@keyframes
(en-US).