> 웹 프론트엔드 > JS 튜토리얼 > 내 `setInterval` 콜백이 한 번만 실행되는 이유는 무엇입니까?

내 `setInterval` 콜백이 한 번만 실행되는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-12-11 03:36:11
원래의
944명이 탐색했습니다.

Why Does My `setInterval` Callback Only Run Once?

setInterval 콜백의 단일 실행:

카운터 생성을 목표로 하는 다음 코드를 고려하세요.

function timer() {
  console.log("timer!")
}

window.setInterval(timer(), 1000)
로그인 후 복사

그러나 , 이 코드는 타이머 기능을 한 번만 실행합니다. 이런 문제가 발생하는 이유와 해결 방법에 대해 알아보겠습니다.

setInterval의 첫 번째 매개변수가 함수 호출이 아닌 함수 참조여야 하기 때문에 문제가 발생합니다. 위 코드에서는 타이머()가 즉시 호출되어 정의되지 않은 값을 반환합니다. 결과적으로 setInterval은 1000밀리초 간격으로 정의되지 않은 것을 호출하도록 설정되어 있어 연속 루프 대신 단일 실행이 발생합니다.

이를 수정하려면 함수를 호출하는 대신 함수 참조를 전달해야 합니다. . 수정된 코드는 다음과 같습니다.

function timer() {
  console.log("timer!");
}

window.setInterval(timer, 1000);
로그인 후 복사

이 수정된 버전에서는 타이머가 참조로 전달되어 setInterval이 지정된 간격으로 타이머를 호출할 수 있습니다.

또는 익명 함수를 사용할 수 있습니다. 콜백:

window.setInterval( function() {
  console.log("timer!");
}, 1000)
로그인 후 복사

이 접근 방식은 더 짧지만 함수가 더 많아지면 읽기가 어려워질 수 있습니다.

이러한 변경 사항을 구현하면 이제 타이머 기능이 원하는 간격으로 반복적으로 실행되어 지속적인 실행 카운터가 보장됩니다.

위 내용은 내 `setInterval` 콜백이 한 번만 실행되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿