This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

AnimationEvent 인터페이스는 에니메이션과 관련된 정보를 제공하는 이벤트를 나타냅니다.

생성자

AnimationEvent()
주어진 매개변수로 AnimationEvent를 생성합니다.

속성

Event의 속성을 상속합니다.

AnimationEvent.animationName Read only
트랜지션과 관련된 animation-name CSS 속성의 값을 가진 DOMString입니다.
AnimationEvent.elapsedTime Read only
애니메이션이 재생된 총 시간을 나타내는 실수입니다. 초 단위로, 애니메이션이 일시정지된 시간은 제외합니다. animationstart 이벤트의 elapsedTime0.0이지만, animation-delay 값이 음수였다면 대신 (-1 * delay)를 값으로 가집니다.
AnimationEvent.pseudoElement Read only
애니메이션이 재생 중인 의사 요소의 이름을 값으로 가진 DOMString입니다. '::'으로 시작합니다. 애니메이션이 일반 요소에서 재생 중이라면 빈 문자열 ''을 반환합니다.

메서드

Event의 메서드를 상속합니다.

AnimationEvent.initAnimationEvent()
삭제 예정 메서드 Document.createEvent("AnimationEvent")를 사용해 AnimationEvent를 초기화합니다.

명세

Specification Status Comment
CSS Animations
The definition of 'AnimationEvent' in that specification.
Working Draft Initial definition.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
AnimationEvent
Experimental
Chrome Full support 43
Full support 43
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Edge Full support YesFirefox Full support 6IE Full support 10Opera Full support 30
Prefixed
Full support 30
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Full support 12.1
Full support 12
Prefixed
Prefixed Implemented with the vendor prefix: o
Safari Full support 9.1
Full support 9.1
Full support 4
Prefixed
Prefixed Implemented with the vendor prefix: webkit
WebView Android Full support Yes
Prefixed
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Chrome Android Full support 43
Full support 43
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Edge Mobile ? Firefox Android Full support 6Opera Android Full support 30
Prefixed
Full support 30
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Full support 12.1
Full support 12
Prefixed
Prefixed Implemented with the vendor prefix: o
Safari iOS ?
Prefixed
?
Prefixed
Prefixed Implemented with the vendor prefix: webkit
Samsung Internet Android Full support 4.0
Full support 4.0
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: webkit
AnimationEvent
Experimental
Chrome Full support 43
Full support 43
Full support Yes
Edge ? Firefox Full support 23IE No support NoOpera No support NoSafari No support NoWebView Android Full support 43
Full support 43
Full support Yes
Chrome Android Full support 43
Full support 43
Full support Yes
Edge Mobile ? Firefox Android Full support 23Opera Android No support NoSafari iOS ? Samsung Internet Android Full support 4.0
animationName
Experimental
Chrome Full support 43
Full support 43
Full support Yes
Edge Full support 12Firefox Full support 6IE Full support 10Opera Full support YesSafari Full support 9WebView Android Full support 43
Full support 43
Full support Yes
Chrome Android Full support 43
Full support 43
Full support Yes
Edge Mobile Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support 4.0
elapsedTime
Experimental
Chrome Full support 43Edge Full support 12Firefox Full support 6IE Full support 10Opera Full support YesSafari Full support 9WebView Android Full support YesChrome Android Full support 43Edge Mobile Full support YesFirefox Android Full support 6Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support 4.0
initAnimationEvent
ExperimentalDeprecatedNon-standard
Chrome No support ? — 18
Alternate Name
No support ? — 18
Alternate Name
Alternate Name Uses the non-standard name: initWebKitAnimationEvent
Edge No support 12 — 16Firefox No support 6 — 23IE Full support 10Opera No support 12.1 — 15Safari No support ? — 6
Alternate Name
No support ? — 6
Alternate Name
Alternate Name Uses the non-standard name: initWebKitAnimationEvent
WebView Android No support NoChrome Android No support NoEdge Mobile ? Firefox Android No support 6 — 23Opera Android No support ? — 14Safari iOS No support ? — 6
Alternate Name
No support ? — 6
Alternate Name
Alternate Name Uses the non-standard name: initWebKitAnimationEvent
Samsung Internet Android No support No
pseudoElement
Experimental
Chrome Full support 68Edge No support NoFirefox Full support 23IE No support NoOpera No support NoSafari No support NoWebView Android Full support 68Chrome Android Full support 68Edge Mobile No support NoFirefox Android Full support 23Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
Uses a non-standard name.
Uses a non-standard name.
Requires a vendor prefix or different name for use.
Requires a vendor prefix or different name for use.

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: alattalatta, mdnwebdocs-bot, teoli, yuby
최종 변경자: alattalatta,