javascript 一定時間ごとに画像を切り替える

javascript 一定時間ごとに画像を切り替える

javascriptで、一定時間ごとに画像を切り替えるサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

画像切り替え

「img」タグを「src」を操作して、画像を切り替えます。
一定時間ごとに切り替えるには「setTimeout」を使用します。

実行結果を確認すると画像が、1秒毎に切り替わります。

サンプルコード

以下は、
画像を1秒毎に、切り替えるサンプルコードとなります。

※cssには「tailwind」を使用して、アロー関数で関数は定義してます。

画像が切り替わることが確認できます。