setTimeout

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

∥ 위 아래 같음

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

인수 활용 시

function showName(name){
	console.log(name)
}
setTimeout(showName, 3000, 'Mike');
			 함수     시간   인수

clearTimeout(tId) / clearInterval(tId)

function showName(name){
	console.log(name)
}

const tId = clearTimeout(tId);

setInterval

function showName(name){
	console.log(name)
}

const tId = setInterval(showName, 3000, 'Mike');

delay = 0

setTimeout(function(){
	console.log(2)
}, 0); * 뒤에 실행 

console.log(1);  * 먼저 실행

왜 delay를 0 으로 줬는데 바로 실행을 안할까?

현재 실행중인 스크립트가 종료된 이후에 스케쥴링 함수를 실행하기 때문
그리고 브라우저는 기본적으로 4ms 정도의 대기시간이 있음

예제

let num = 0;

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