AnimationEvent

Summary

AnimationEvent 에니메이션(animations)과 연관된 이벤트의 정보를 나타낸다.

Properties

Event 를 부모로 가지는 프로퍼티.

AnimationEvent.animationName Read only

DOMString 은 트랜지션중인  animation-name 의 css 프로퍼티의 값을 나타낸다.

AnimationEvent.elapsedTime Read only

float형의 값으로 진행중인 에니메이션이 시작하고 끝난 시간을 중간에 에니메이션이 멈춘 시간을 제외한 총 시간을 안다.    "animationstart" 이벤트의 경우, elapsedTime 는 0.0 이다. 여기에는 음수 값을 가지는 animation-delay이 있고 이는 elapsedTime 이 (-1 * delay) 값을 가지게 된다.

AnimationEvent.pseudoElement Read only

DOMString으로 '::' 시작하는 값을 가진다.그리고 pseudo-element 의 이름에는 에니메이션이 진행중인 엘리먼트의 이름을 가지고 있다. 만약에 에니메이션이 동작하고 있지 않다면 '' 빈 문자열의 정보를 가지고 있다.

Constructor

AnimationEvent()

AnimationEvent을 통해 파라메터를 전달해 새로운 AnimationEvent를 생성할수 있다.

Methods

Event를 부모로 가지는 메서드.

AnimationEvent.initAnimationEvent()

AnimationEvent를 초기화 하는데  Document.createEvent("AnimationEvent") 메서드르 사용한다.

Specifications

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

See also

• Using CSS animations
• Animation-related CSS properties and at-rules: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes.