본문 바로가기
javascript/javascript 심화지식

setTimeout /setInterval

by honey.kikiki 2021. 7. 12.
728x90

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

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

 

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

setTimeout(fn, 3000);

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

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

setTimeout(showName, 3000, "Mike");

clearTimeout(tid); // 3초가 지나기 전에 이 코드가 실행되어 아무것도 일어나지않는다

 

setInterval

 

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

const tid = setInterval(showName, 3000, "Mike");

setTimeout(function () {
  console.log(2);
}, 0); // 2번쨰 실행된다

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

 

clearTimeout 사용방법

 

let num = 0;

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

  if (num > 5) {
    clearInterval(tid);
  }
}

const tid = setInterval(showTime, 1000);

댓글