GIFアニメーションを任意のタイミングで動かすGIFアニメーションを任意のタイミングで動かす2018.08.15JavaScriptGIFアニメーションを任意のタイミングで最初から再生する方法を調べてみました。最初に試してみてうまくいかなかった方法です。id="btn">GIFアニメーション読み込み</button>ボタンクリック時に、#wrapperの中にimgを追加します。false);初回アクセス時の1回目は普通に表示されますが、2回目以降やリロードした時にはキャッシュが残っていて最初から表示されませんでした。うまくいかなかった場合のデモページうまくいった方法srcにタイムスタンプでパラメータを付けて、キャッシュを残さないようにすることで最初から再生できました。false);うまくいった場合のデモページただし、ブラウザによって再生開始までにかかる時間が少し異なるようでした。chromeだとスムーズに再生できましたが、IEだと読み込みが完了するまで最初の画像のまま停止しているので、GIFアニメーションの内容や再生の仕様によっては違和感が出るかもしれません。(今回のスクリプトの原因というより、各ブラウザでのGIFアニメーション読み込みの挙動の差のようですが。コメントをキャンセルメールアドレスが公開されることはありません。cly7796.net。