Verbinden Sie die JS-Nachrichtenschleife im HTML-Header
P粉731861241
2023-09-05 10:55:30
<p>Ich habe versucht, eine Nachrichtenschleife zu erstellen, die sich stündlich ändert (es wird jeweils nur eine angezeigt). Mit HTML komme ich zurecht, aber mit JS nicht so gut. (Die Nachricht sollte im h3-Tag platziert werden)</p>
<p>Ich habe versucht, meine JS-Schleife in ein HTML-Textelement zu verknüpfen, aber es ist fehlgeschlagen. </p>
<p>
<pre class="brush:js;toolbar:false;">h3 = document.createElement("h3");
var message = „Nachricht 1“, „Nachricht 2“, „Nachricht 3“, „Nachricht 4“, „Nachricht 5“, „Nachricht 6“;
var counter = 0;
Funktion myLoop() {
setTimeout(myLoop, 3, 600, 000);
document.getElementById("Nachricht")
document.body.appendChild(h3);
}
myLoop();</pre>
<pre class="brush:html;toolbar:false;"><h3>
<h3 id="Nachricht"></h3>
</h3></pre>
</p>
3,600,000
不是有效的毫秒数。使用3600000
或60*60*1000
在我的代码中,我使用eventListener来等待页面上的html元素可用后再执行
语句
(counter++)%len
将从0开始,使用余数运算符%
在消息数组的长度处进行循环。它避免了if (counter=> length) counter = 0;
=>
是一个箭头函数,构造如下在功能上等同于(还有一些其他的东西)
如果需要每小时执行一次,请将2000更改为3600000