AnimationEventインターフェイス
AnimationEventインターフェイスは、CSSアニメーションの実行によるイベントに関するインターフェイスです。
Eventインターフェイスを継承していますので、EventインターフェイスのPropertyとMethod、Eventタイプが使えます。
- Event
- └── AnimationEvent
Properties
Example Syntax
Boole = event.bubbles; String = event.animationName;
| Property | |
|---|---|
| animationName | CSSアニメーション名 |
| elapsedTime | CSSアニメーションが実行された秒数 |
AnimationEvent Types
AnimationEventタイプは、エレメントで起こるイベントを捉えるために、エレメントに設定します。
Example Syntax
object.addEventListener("animationstart", script_);
| AnimationEvent type | |
|---|---|
| animationend | CSSアニメーションの実行が完了したら |
| animationiteration | CSSアニメーションが繰り返しが実行されたら |
| animationstart | CSSアニメーションの実行が始まったら |