JavaScript로 특정 시간 후에 함수를 호출하는 방법

JavaScript로 특정 기간 후에 함수를 호출하거나 실행할 수 있는 몇 가지 방법이 있습니다. 두 가지 JavaScript 시간 이벤트 메서드인 setTimeout()을 보여 드리겠습니다. 및 setInterval() .

이러한 시간 이벤트 방법의 차이점은 다음과 같습니다.

• setTimeout() 지정된 밀리초 동안 기다린 후 함수를 한 번 실행
• setInterval() 지정된 시간 간격으로 계속해서 함수를 실행합니다.

각각의 간단한 예를 살펴보겠습니다.

자바스크립트 setTimeout() 예제

코딩 플레이그라운드의 JavaScript 콘솔에 다음 코드를 추가합니다. 원하는 경우 브라우저 콘솔을 사용할 수 있습니다.

setTimeout(function() {
  alert("Hello there!")
}, 3000)

3000은 밀리초(ms)이므로 위는 3초입니다. 이 코드는 초기 페이지 로드 후 3초 후에 실행되고 "안녕하세요!"라는 경고 메시지가 표시됩니다.

자바스크립트 setInterval() 예제

코딩 플레이그라운드의 JavaScript 콘솔에 다음 코드를 추가합니다. 원하는 경우 브라우저 콘솔을 사용할 수 있습니다.

setInterval(function() {
  alert("Hello there!")
}, 3000)

이 코드는 3초마다 계속해서 실행됩니다.