From a1171eec11e11619b1afb6f80da9e54475f13290 Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Sun, 28 Nov 2021 23:35:42 +0900 Subject: Fix typos --- .../api/web_animations_api/using_the_web_animations_api/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html index c7543fe430..0c51e2abb8 100644 --- a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html +++ b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html @@ -262,12 +262,12 @@ document.addEventListener("touchstart", goFaster);
aliceChange.currentTime = 4000;-
しかし、アニメーションの作業中にアリスの間隔時間を大幅に変更する可能性があります。アリスの currentTime
を動的に設定するとよいのではないでしょうか。従って、一度に 2 つの更新を行う必要はありません。実際のところ、aliceChange の {{domxref("Animation.effect")}} プロパティをあsン称することでこれを実行できます。プロパティはアクティブなエフェクトの全ての詳細を含むオブジェクトを返します。
しかし、アニメーションの作業中にアリスの間隔時間を大幅に変更する可能性があります。アリスの currentTime
を動的に設定するとよいのではないでしょうか。従って、一度に 2 つの更新を行う必要はありません。実際のところ、aliceChange の {{domxref("Animation.effect")}} プロパティを参照することでこれを実行できます。プロパティはアクティブなエフェクトの全ての詳細を含むオブジェクトを返します。
aliceChange.currentTime = aliceChange.effect.timing.duration / 2;
effect
を利用すると、アニメーションの keyframe
と timing
オブジェクトにアクセスできます。aliceChange.effect.timing
はアリスのタイミングオブジェクト({{domxref("AnimationEffectTimingReadOnly")}}) 型) を示します。これには、{{domxref("AnimationEffectTimingReadOnly.duration")}} も含まれます。
- アニメーションのタイムラインの中間点を取得するために、アリスの長さを半分に分割し、通常の身長に設定できます。アリアスのアニメーションを逆再生して、どちらの方向にも再生したり、小さくしたり、大きくしたり出来ます!
また、ボトルとケーキの再生時間を設定するときにも同じことが出来ます。
-- cgit v1.2.3-54-g00ecf