HTMLヘッダーでJSメッセージループを接続する

Question

1 時間ごとに変更されるメッセージ ループ (一度に 1 つだけ表示される) を作成しようとしています。HTML は大丈夫ですが、JS はあまり得意ではありません。 (メッセージは h3 タグ内に配置する必要があります)

JS ループを HTML テキスト要素にリンクしようとしましたが、失敗しました。

h3 = document.createElement("h3");
varmessages = "メッセージ 1"、"メッセージ 2"、"メッセージ 3"、"メッセージ 4"、"メッセージ 5"、"メッセージ 6";
var カウンタ = 0;

関数 myLoop() {
  setTimeout(myLoop, 3, 600, 000);
  document.getElementById("メッセージ")
  document.body.appendChild(h3);
}
myLoop();

<h3>
  <h3 id="メッセージ"></h3>
</h3>

Answer 1

1. タイトルをタイトルで囲まないでください
2. メッセージの 配列 が必要のようです。このような配列を作成する方法を以下に示します。
要素がページ上にすでに存在する場合、appendChild を使用する必要はありません
4. 3,600,000 は有効なミリ秒数ではありません。 3600000 または 60*60*1000 を使用します。

私のコードでは、

eventListener を使用して、ページ上の HTML 要素が使用可能になるのを待ってから を実行します。

ステートメント

(counter )%len は 0 から始まり、remainderoperator% を使用してメッセージ配列の長さまでループします。 if (counter=> length) counter = 0; を回避します。

=> は arrow 関数で、次のように構築されます リーリー

機能的には (およびその他のいくつかの点で)

と同等 リーリー

1時間ごとに実行する必要がある場合は、2000を3600000に変更してください

リーリー リーリー