본문 바로가기
Dev/Javascript

[javascript] 비동기 작업 지연을 위한 setTimeout 사용하기

by steady.dev 2023. 3. 3.

setTimeout()은 자바스크립트에서 비동기 작업을 지연시키기 위해 사용되는 함수입니다.

 

이 함수는 지정된 시간이 지난 후에 콜백 함수를 실행합니다.

 

아래는 setTimeout() 함수를 사용하여 3초 후에 "Hello, World!"라는 메시지를 콘솔에 출력하는 예시입니다:

 

setTimeout(function() {
  console.log("Hello, World!");
}, 3000);

이 예제에서는 setTimeout() 함수를 호출하여 콜백 함수를 지연시키고 있습니다.

 

setTimeout() 함수의 첫 번째 인수로 전달된 함수는 콜백 함수입니다.

이 콜백 함수는 setTimeout() 함수가 호출된 후에 지정된 시간(두 번째 인수)이 경과한 후에 실행됩니다.

이 예제에서는 setTimeout() 함수가 호출된 후 3초(3000밀리초)가 지난 후에 "Hello, World!"라는 메시지가 콘솔에 출력됩니다.

 

setTimeout() 함수는 주로 웹 애플리케이션에서 비동기적으로 실행할 작업을 지연시키기 위해 사용됩니다.

예를 들어, 사용자가 입력한 내용을 검증하고 처리하는 함수를 작성할 때, setTimeout() 함수를 사용하여 사용자가 모두 입력한 후에 검증 및 처리를 수행하도록 할 수 있습니다.

이렇게 하면 사용자가 입력 중에 작업이 실행되는 것을 방지할 수 있습니다.

 

setTimeout() 함수는 또한 반복적으로 작업을 실행하는 setInterval() 함수와 함께 사용될 수 있습니다.

setInterval() 함수는 setTimeout() 함수와 비슷하지만, 일정한 간격으로 반복해서 콜백 함수를 실행합니다.

댓글