タイマー関数を使って、一定時間を経過するたびに表示する画像が切り替わるフォトビューワーを実装しましょう。

使用するファイル

作成

• kadai08.html（kadai07.htmlを複製して、ファイル名を修正してください）
• kadai08.js（kadai07.jsを複製して、ファイル名を修正してください）

仕様

表示画像の切り替わり間隔は、３秒間隔に設定してください。

画像の切り替わりは、ページを表示している間ずっと切り替わり続けるようにしてください。 そのために、用意されている最後の画像まで表示が切り替わったら、最初の画像に表示が戻るようにしてください。

完成サンプル

３秒間隔での画像表示の切り替わりだと、確認に時間がかかってしまうため、１秒 ~ １.５秒間隔くらいの速さで開発をおこないましょう。

動きの実装が完成したら、タイマーの間隔を３秒に修正して完成させましょう。