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

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

setTimeout(fn, 3000); // 3초 후 함수 실행

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

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

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

const tId = setTimeout(showName, 3000, 'tId');
clearTimeout(tId); // setTimeout 취소

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

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

const tId = setInterval(showName, 3000, 'Mike'); // 함수, 시간, 인수 // "Mike"
// 3초마다 함수 실행

clearInterval(tId); // setInterval 취소

// delay = 0?

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

console.log(1); // 1

let num = 0;

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

const tId = setInterval(showTime, 1000);