1. setTimeout

setTimeout: 일정 시간이 지난 후 함수를 실행

function fn(){
	console.log(3)
}

setTimeout(fn, 3000); // 3000은 3초 

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

• clearTimeout

const tId = function showName(name){
	console.log(name);
}

setTimeout(showName, 3000, 'Mike'); // 함수, 시간, 인수

clearTimeout(tId) // setTimeout을 끝내준다.

2. setInterval

setInterval: 일정 시간 간격으로 함수를 반복

function showName(name){
	console.lig(name);
}

const tId = setInterval(showName, 3000, 'Mike');
//'Mike' 'Mike' 'Mike'  3초 주기로 찍힌다.

• delay = 0 ?

setTimeout(function(){
	console.log(2)
},0)

console.log(1); // delay 가 0 이지만 1이 먼저 출력되고 2가 출력 된다. 이유는 브라우저에서도 실행되는 시간이 4ms ~ 이상이기 때문이다.

• 예제

let num = 0;

function showTime(){
	console.log(`안녕하세요. 접속하신지 ${num++}초가 지났습니다.`);
    if(num >5){
    	clearInterval(tId)
    }
}

const tId = setInterval(showTime, 1000);