⊗jsPrSlTx 37 of 62 menu

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

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

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

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

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

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

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

説明したスライダーを実装してください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否