[Javascript] setTimeout / clearTimeout

✏️ setTimeout() 이란?

타이머가 만료되면 함수 또는 지정된 코드 조각을 실행하는 타이머를 설정
일정 시간 뒤에 원하는 동작을 할 때 사용

✏️ clearTimeout() 이란?

setTimeout()으로 실행한 함수를 취소할 때 사용

setTimeout() 사용법

setTimeout( [ 함수 또는 문자열 ], [ 지연될 시간 ], [ 인자1 ], [ 인자2 ],...);
1. [ 함수 또는 문자열] - 실행하려고 하는 코드를 함수자체로 넣거나, 함수명(문자열)을 입력
보통 함수가 들어가지만, 호환성 때문에 문자열은 사용하지 않는 것을 권고한다.
2. [ 지연될 시간 ] - 실행 전 대기시간으로 입력한 시간만큼 지연되었다가 실행되는 것
단위는, 밀리초이고 기본값은 0이다. (1초 = 1000밀리초)
3. [ 인자1 ], [ 인자2 ], ... - 함수에 전달되는 인자들

// 예시 1
timer = window.setTimeout(function(){
	// 실행할 코드
}, 3000);

// 예시 2
function timer(){
	console.log('3초 뒤에 호출될 코드');
}
var timeVar = setTimeout(timer, 3000);

// 예시 3
function userInfo(name, age){
	console.log("이름은 " + name + " 입니다.");
  	console.log("나이는 " + age + "살 입니다.");
}

var timeVar = setTimeout(userInfo, 3000, "제니", 20);

timer라는 변수를 지정하여 clearTimeout()으로 함수를 취소한다.

clearTimeout() 사용법

clearTimeout( [ 식별자 ] );

window.clearTimeout(timer);