2秒おきに配列のデータを並び替えたいのですが、まず先頭を削除し、そのデータを末尾に挿入したいのですが
一番最初にforEachメソッドで配列のデータをHTML要素に挿入し、その後で、タイマー機能で処理と間隔をセットしたのですが動かず、(3)のコードを最初に書いて続けて0>1>2と書いて残りを順番に書けば動くのですが、今あるコードがなぜだめなのかわかりません。
回答よろしくお願いします。
JavaScript
1 <div id="item0" class="item"></div> 2 <div id="item1" class="item"></div> 3 <div id="item2" class="item"></div> 4 <div id="item3" class="item"></div> 5 <div id="item4" class="item"></div> 6 <div id="item5" class="item"></div> 7 8<script> 9let stock = ['A', 'B', 'C', 'D', 'E', 'F']; 10stock.forEach(function(data, index) { //(0) 11 const idName = 'item' + index; //(1) 12 document.getElementById(idName).textContent = data; //(2) 13}); 14const intervalId = setInterval(function() { //(3) 15 16 const first = stock.shift(); //(4) 17 stock.push(first); //(5) 18}, 2000); //(6) 19/script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/23 18:49
2019/12/23 18:55