HTML 헤더에 JS 메시지 루프 연결

Question

매시간 변경되는(한 번에 하나만 표시) 메시지 루프를 만들려고 노력해 왔습니다. HTML에는 괜찮지만 JS에는 그다지 좋지 않습니다. (메시지는 h3 태그에 배치되어야 합니다)

JS 루프를 HTML 텍스트 요소에 연결하려고 하는데 실패합니다.

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();

Answer 1

1. 제목을 제목으로 감싸지 마세요
2. 메시지 배열을 원하는 것 같습니다. 이러한 배열을 만드는 방법을 아래에 보여드리겠습니다
3. 페이지에 요소가 이미 존재하는 경우 AppendChild를 사용할 필요가 없습니다
4. 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으로 변경해주세요

으아악 으아악