JavaScriptでのテキストスライダー

このセクションでは、スライダーの作成に取り組みます。 最もシンプルなものから始めて、段階的に複雑にしていきます。

まずはテキストスライダーを作成します。このスライダーは、 1秒ごとにテキストが変化するdiv要素となります：

html<div id="slider"></div>

スライダー用のテキストは配列に格納します：

javascriptlet texts = ['text1', 'text2', 'text3'];

解決策のアルゴリズムは次の通りです：タイマーを起動し、 1秒ごとに配列の新しい要素（最初は1番目、次に2番目、3番目、 その後再び1番目...というようにループする）をdivに挿入します。