자바스크립트 setTimeout() 함수 사용하기

setTimeout() 함수는 JavaScript에서 지정된 시간이 경과한 후에 함수를 실행하도록 스케줄링하는 데 사용되는 함수입니다. 반복은 아니고 한번 실행한 후 끝납니다. 반복 함수는 setInterval() 입니다. setTimeout() 함수는 특정 시간 후에 작업을 수행하거나 반복 작업을 예약하는 데 유용합니다. 이를 통해 웹 애플리케이션에서 비동기 작업을 처리하거나 애니메이션을 제어하는 등 다양한 시나리오에 활용할 수 있습니다.

 

 

 

◎ 1. setTimeout() 함수

 

setTimeout() 함수는 function으로 지정된 함수를 delay로 지정된 시간 (밀리초 단위) 후에 실행합니다. 선택적으로, 추가 매개변수 param1, param2, ... 를 함수에 전달할 수 있습니다.

 

setTimeout(function, delay, param1, param2, ...) l     function (함수, 필수): 실행할 함수 또는 함수 표현식입니다. l     delay (정수, 필수): 함수 실행을 지연시킬 시간을 밀리초로 지정 l     param1, param2, ... (선택적): 함수에 전달할 추가 인수

 

 

◎ 2. 사용 예제

 

(1) 기본 setTimeout() 사용

 

예제에서 setTimeout() 함수는 2초 후에 주어진 함수를 실행하며, 해당 함수는 콘솔에 메시지를 출력합니다.

 

setTimeout(function() {     console.log("지정된 시간이 경과한 후에 실행됩니다."); }, 2000); // 2초 후에 실행

 

 

(2) 함수에 인수 전달

 

예제에서 setTimeout() 함수는 1초 후에 greet 함수를 호출하고, "John"을 인수로 전달하여 함수가 실행됩니다. 세 번째 파라미터인 함수 전달 인수는 선택 가능합니다.

 

function greet(name) {     console.log("안녕하세요, " + name + "님!"); } setTimeout(greet, 1000, "John"); // 1초 후에 "John"을 인수로 함수 실행

 

 

(3) 익명 함수와 클로저 활용

 

예제에서 setTimeout() 함수는 0.5초마다 익명 함수를 호출하여 count 변수를 증가시키고 현재 카운트를 출력합니다. 이를 통해 반복적인 작업을 수행할 수 있습니다.

 

var count = 0; setTimeout(function() {     count++;     console.log("카운트: " + count); }, 500); // 0.5초마다 카운트 증가

  

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법