📖 [JavaScript] setTimeout/ setInterval

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

setTimeout(fn, t)
fn: 일정 시간이 지난 뒤 실행하는 함수, 직접 코드를 써도 됨
t: 일정 시간 (1000=1s)
인수가 필요하다면 시간 뒤에 적어주기

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); : 취소, 시간이 지나기 전에 코드가 실행되서 아무 일도 일어나지 않음

const tId = function showName(name){
	console.log(name):
}
setTimeout(showName, 3000, 'Mike');
clearTimeout(tId);

delay 타임을 0으로 줘도 바로 실행되지 않음!
현재 실행 중인 script가 종료된 이후 함수가 실행되기 때문에!

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

중간에 중단: clearInterval(tId)
setTimeout과 사용 방법 동일

🔗 코드 예시

사용자가 접속한 지 5초까지만 띄워주기

let num = 0;

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

const tId = setInterval(showTime, 1000);