javascript - setInterval이 한 번만 실행되는 이유는 무엇입니까?

Question

• 간단한 배경 전환

jquery 부분

으아악

html 부분

으아악

css 부분

.bg2 기본 표시:없음;

• setInterval()은 한 번만 실행되었는데 왜 두 번째에는 입력할 수 없는지 여쭤보고 싶습니다.

얘들아 얕보지 말고 답변 고마워~

Answer 1

경멸하려는 의도는 아니지만 이는 분명히 구문 문제입니다... 실제로는 setInterval이 항상 실행된다고 생각하지만 함수의 실행 결과direct는 수정되었습니다. 루프의 최종 결과는 두 번째 그림이 표시된다는 것입니다. 첫 번째 사진이 숨겨져 있어서 구현되지 않은 것 같습니다.

이렇게 해야 합니다:

으아악

여기서 클로저는 타이머 외부의 상태를 저장하여 매번 루프다운할 수 있도록 사용됩니다.

렌더링에 대한 지식도 추가하세요. 뷰 상태를 변경하는 이러한 종류의 for 루프의 경우 브라우저는 수정하자마자 즉시 렌더링하는 대신 이러한 상태를 캐시한 다음 적절한 시간에 렌더링합니다. 그래서 당신은 그것이 깜박이는 것을 볼 수도 없습니다.

Answer 2

참고해주세요

으아악

Answer 3

setInterval(직접 함수(){

으아악

Answer 4

한 번 반복하면 i의 값은 1이 되고 그 다음에는 1로 유지됩니다. let을 사용해 보세요

Answer 5

이 효과를 순서대로 하나씩 표시하시겠습니까?

으아악

Answer 6

$(함수(){

으아악

})

Answer 7

으아악

맞는지는 모르겠지만 늘 이게 문제라고 느껴요