JavaScript를 사용하여 setInterval 루프를 즉시 트리거하는 방법은 무엇입니까?

王林
풀어 주다: 2023-08-24 16:05:05
앞으로
2773명이 탐색했습니다.

如何使用 JavaScript 立即触发 setInterval 循环?

setInteral() 메서드를 사용하면 각 특정 기간 이후에 콜백 함수를 지속적으로 트리거할 수 있습니다. 콜백 함수를 각 기간 이후에 트리거할 첫 번째 매개변수로 전달하고, 두 번째 매개변수로 밀리초 단위의 기간을 전달할 수 있습니다.

setInterval() 메서드는 처음 특정 밀리초가 지난 후 콜백 함수를 호출합니다. 이제 문제는 처음 0밀리초 동안 콜백 함수를 즉시 호출해야 하고 그 이후에는 일정 시간 동안 지속적으로 호출해야 한다는 것입니다.

아래 예에서는 문서의 메시지를 인쇄하는 func() 함수를 만들었습니다. 우리는 3000밀리초마다 func() 함수를 호출하는 setInterval() 메서드를 사용했습니다.

으아악

출력에서 사용자는 setInteraval() 메서드가 3000밀리초 후에 처음으로 func() 함수를 호출하는 것을 확인할 수 있습니다.

사용자는 다음과 같이 0밀리초에 처음으로 func() 함수를 호출할 수 있습니다.

이 함수를 처음 호출한 다음 setInterval() 메서드를 사용하세요

setInterval() 메서드를 사용할 때 지연 없이 함수를 호출하는 한 가지 방법은 처음으로 함수를 호출하는 것입니다.

이 함수를 처음 호출하면 0밀리초에 실행됩니다. 그 후 setInterval() 메소드는 일정 시간이 지나면 계속해서 함수를 실행하게 됩니다.

문법

사용자가 setInterval() 메서드를 처음 사용하는 경우 다음 구문에 따라 함수를 즉시 호출할 수 있습니다.

으아악

위 구문에서는 func_name() 함수를 처음으로 호출한 다음 1000밀리초마다 호출했습니다.

아래 예에서 func() 함수는 setInterval() 메서드를 사용하여 1000밀리초마다 메시지를 호출합니다. 지연 없이 처음으로 함수를 호출하기 위해서는 먼저 함수를 호출한 후 setInteral() 메소드를 사용하여 함수를 호출합니다.

으아악

setInteral() 메소드에서 즉시 호출되는 함수를 생성하세요

함수 표현식을 생성하면 즉시 호출되는 함수가 이를 즉시 호출합니다. 따라서 call-function-immediate 표현식을 사용하면 지연 없이 처음으로 함수를 호출할 수 있습니다. 함수 내부의 setInterval() 메서드를 사용하여 특정 시간 간격으로 함수를 실행할 수도 있습니다.

문법

setInterval() 메소드를 사용할 때 사용자는 다음 구문에 따라 즉시 호출되는 함수 표현식을 사용하여 지연 없이 함수를 실행할 수 있습니다.

으아악

위 구문에서는 중괄호 안에 함수 표현식을 작성한 후, 함수를 즉시 호출하기 위해 여는 중괄호와 닫는 중괄호를 작성했습니다.

예 3

아래 예제에서는 setInterval() 메서드를 사용하여 각 시간 간격 후에 호출되는 테스트 함수를 만듭니다. test() 함수를 즉시 호출되는 함수 표현식으로 작성하고 함수 내의 setInterval() 메서드를 사용하여 3000밀리초마다 test() 함수를 호출합니다.

웹페이지가 새로고침될 때 0밀리초에 처음 호출된 후 3000밀리초마다 호출되는 테스트 함수의 출력을 관찰할 수 있습니다.

으아악

처음으로 사용자는 setInterval() 메서드에 사용되는 함수를 지연 없이 호출하는 방법을 배웠습니다. 사용자는 함수를 처음 호출할 수도 있고, 즉시 호출되는 함수 표현식을 사용할 수도 있습니다.

함수를 재귀적으로 호출하므로 즉시 호출되는 함수 표현식을 사용하는 것보다 처음으로 함수를 호출하는 것이 좋습니다. 일정 시간 간격이 지나면 즉시 호출되는 함수 표현식은 setInterval() 메서드를 사용할 때 함수를 무한정 호출합니다.

위 내용은 JavaScript를 사용하여 setInterval 루프를 즉시 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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