일정 시간 후에 특정 코드, 함수를 의도적으로 지연한 뒤 실행하고 싶을 때 사용하는 함수로 setTimeout()을 사용한다.
자바스크립트 함수 중에서도 특히 자주 사용되는 함수 중 하나로, 간단한 문법, 사용방법은 아래와 같다.
setTimeout(function() {
// Code here
}, delay);위 함수는 보통 두 개의 인자를 설정하여 사용한다.
- i. 호출될 콜백함수
- ii. 지연시간(delay time)
setTimeout() 함수의 내부에 위치한 코드 function() { // Code here }는 콜백함수로, 지연시간 뒤에 실행될 코드를 설정 한다. 지연시간은 밀리세컨드 단위로 설정해야하며 예를들어 지연시간 1000은 1초, 10000은 10초를 의미한다. 만약 3초 뒤에 실행되야 한다면 아래와 같이 설정한다.
setTimeout(function() {
console.log('TEST!');
}, 3000);
// 3초 후 함수가 실행됨이제 위 예제를 실행하면 3초 뒤에 "TEST!"를 출력하게된다.
