HTML 헤더에 JS 메시지 루프 연결
P粉731861241
2023-09-05 10:55:30
<p>매시간 변경되는(한 번에 하나만 표시) 메시지 루프를 만들려고 노력해 왔습니다. HTML에는 괜찮지만 JS에는 그다지 좋지 않습니다. (메시지는 h3 태그에 배치되어야 합니다)</p>
<p>JS 루프를 HTML 텍스트 요소에 연결하려고 하는데 실패합니다. </p>
<p>
<pre class="brush:js;toolbar:false;">h3 = document.createElement("h3");
var message = "메시지 1", "메시지 2", "메시지 3", "메시지 4", "메시지 5", "메시지 6";
var 카운터 = 0;
함수 myLoop() {
setTimeout(myLoop, 3, 600, 000);
document.getElementById("메시지")
document.body.appendChild(h3);
}
myLoop();</pre>
<pre class="brush:html;toolbar:false;"><h3>
<h3 id="메시지"></h3>
</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
3,600,000不是有效的毫秒数。使用3600000或60*60*1000내 코드에서는 eventListener를 사용하여 페이지의 html 요소를 실행하기 전에 사용할 수 있을 때까지 기다립니다.
을 방지합니다.(counter++)%len문은 0부터 시작합니다. 나머지(counter++)%len将从0开始，使用余数运算符%在消息数组的长度处进行循环。它避免了if (counter=> length) counter = 0;연산자%는 메시지 배열의 길이를 반복합니다.if (counter=> length) counter = 0;
으아악=>은 화살표 함수이며 다음과 같이 구성됩니다기능적으로는 (그리고 몇 가지 다른 것들도)
으아악매시간 실행해야 한다면 2000을 3600000으로 변경해주세요