자바스크립트 setTimeout, setInterval, clearTimeout, clearInterval

setTimeout : 설정한 시간이 지난 후 함수를 실행
setInterval : 설정한 시간 간격으로 함수를 반복
clearTimeout : 예정된 setTimeout을 제거
clearInterval : 예정된 setInterval을 제거

 

- setTimeout

function fn() {
	console.log("3");
}
setTimeout(fn, 3000);

/* 동일한 표현
setTimeout(function() {
	console.log("3");
}, 3000);
*/

// 파라미터 전달
function paramFunc(name) {
	console.log(name);
}
setTimeout(paramFunc, 3000, "kwak");

 

- setInterval & clearInterval (clearTimeout 사용법과 동일)

let time = 0;
function timeFunc() {
	console.log(`${num++}초`);
	if (time > 3) clearInterval(intervalFunc);
}
const intervalFunc = setInterval(timeFunc, 1000);