Get to know MDN better
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年9月.
AnimationEvent インターフェイスは、アニメーションに関する情報を提供するイベントを表します。
Event AnimationEvent指定された引数で AnimationEvent イベントを生成します。
親である Event から継承されるプロパティもあります。
AnimationEvent.animationName 読取専用文字列で、このアニメーションを生成した animation-name の値が入ります。
AnimationEvent.elapsedTime 読取専用float 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 animationstart イベントでは、 elapsedTime は、ふつう 0.0 となりますが、 animation-delay が負の値であった場合は例外で、この場合はイベントは elapsedTime に (-1 * delay) が入った状態でイベントが発生します。
AnimationEvent.pseudoElement 読取専用文字列で、 '::' で始まる、アニメーションが実行される擬似要素の名前が入ります。このアニメーションが擬似要素ではなく要素で実行されている場合は、空文字列 '' になります。
親である Event からメソッドを継承しています。
| CSS Animations Level 1 # interface-animationevent |
Enable JavaScript to view this browser compatibility table.
This page was last modified on 2026年1月4日 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.