From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/api/animationevent/elapsedtime/index.html | 54 +++++++++++++++ files/ja/web/api/animationevent/index.html | 79 ++++++++++++++++++++++ 2 files changed, 133 insertions(+) create mode 100644 files/ja/web/api/animationevent/elapsedtime/index.html create mode 100644 files/ja/web/api/animationevent/index.html (limited to 'files/ja/web/api/animationevent') diff --git a/files/ja/web/api/animationevent/elapsedtime/index.html b/files/ja/web/api/animationevent/elapsedtime/index.html new file mode 100644 index 0000000000..531af71163 --- /dev/null +++ b/files/ja/web/api/animationevent/elapsedtime/index.html @@ -0,0 +1,54 @@ +--- +title: AnimationEvent.elapsedTime +slug: Web/API/AnimationEvent/elapsedTime +tags: + - API + - AnimationEvent + - CSSOM + - Experimental + - Property + - Reference + - Web Animations + - プロパティ +translation_of: Web/API/AnimationEvent/elapsedTime +--- +
{{SeeCompatTable}}{{ apiref("Web Animations API") }}
+ +

AnimationEvent.elapsedTime は読み取り専用のプロパティで、アニメーションが開始されてからの秒数を float 型で表します。このイベントが発生したとき、アニメーションが停止した場合を除いて常に設定されます。 {{domxref("HTMLElement/animationstart_event", "animationstart")}} イベントにおいては elapsedTime は 0.0 になりますが、 {{cssxref("animation-delay")}} が負の値の場合は、このイベントは elapsedTime が (-1 * 待ち時間) であるときに発生します。.

+ +

構文

+ +
time = AnimationEvent.elapsedTime
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{ SpecName('CSS3 Animations', '#dom-animationevent-elapsedtime', 'AnimationEvent.elapsedTime') }}{{ Spec2('CSS3 Animations')}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AnimationEvent.elapsedTime")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/animationevent/index.html b/files/ja/web/api/animationevent/index.html new file mode 100644 index 0000000000..749398b912 --- /dev/null +++ b/files/ja/web/api/animationevent/index.html @@ -0,0 +1,79 @@ +--- +title: AnimationEvent +slug: Web/API/AnimationEvent +tags: + - API + - CSS アニメーション + - Experimental + - Interface + - Reference + - Web Animations + - インターフェイス +translation_of: Web/API/AnimationEvent +--- +
{{SeeCompatTable}}{{APIRef("Web Animations API")}}
+ +

AnimationEvent インターフェイスは、アニメーションに関する情報を提供するイベントを表します。

+ +

{{InheritanceDiagram}}

+ +

コンストラクター

+ +
+
{{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}}
+
指定された引数で AnimationEvent イベントを生成します。
+
+ +

プロパティ

+ +

親の {{domxref("Event")}} から継承されるプロパティもあります。

+ +
+
{{domxref("AnimationEvent.animationName")}} {{readonlyInline}}
+
{{domxref("DOMString")}} で、この変化に関連付けられた {{cssxref("animation-name")}} CSS プロパティの値を含みます。
+
{{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}}
+
float 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 animationstart イベントでは、 elapsedTime は、ふつう 0.0 となりますが、 {{cssxref("animation-delay")}} が負の値であった場合は例外で、この場合はイベントは elapsedTime に (-1 * delay) が入った状態でイベントが発生します。
+
{{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}}
+
{{domxref("DOMString")}} で、 '::' で始まり、アニメーションが実行される 疑似要素 の名前が入ります。このアニメーションが疑似要素ではなく要素で実行されている場合は、空文字列 '' になります。
+
+ +

メソッド

+ +

親の {{domxref("Event")}} から継承されるメソッドもあります。

+ +
+
{{domxref("AnimationEvent.initAnimationEvent()")}} {{non-standard_inline}}{{deprecated_inline}}
+
非推奨の {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}} メソッドを使用して作成された AnimationEvent を初期化します。
+
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSS3 Animations", "#interface-animationevent", "AnimationEvent")}}{{Spec2("CSS3 Animations")}}初回定義
+ +

ブラウザーの対応

+ + + +

{{Compat("api.AnimationEvent")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf