[Java Script] setTimeout, setInterval

📍 setTimeout(function, time, arguments)

  • setTimeout 함수는 functiontime초 후에 실행합니다.
  • time 뒤의 arguments는 함수의 인자로 사용됩니다.

✍ 코드

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

// 2초 후에 'Mike' 값을 인자로 받은 showName 함수를 실행합니다.
setTimeout(showName, 2000, 'Mike');

📍 clearTimeout(argument)

  • setTimeout 함수의 실행을 취소하는 함수입니다.

✍ 코드

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

const STO = setTimeout(showName, 2000, 'Mike');
clearTimeout(STO); // STO의 setTimeout 실행을 취소합니다.

📍 setInterval(function, time, arguments)

  • setTimeout 함수는 functiontime초 간격으로 반복 실행합니다.
  • time 뒤의 arguments는 함수의 인자로 사용됩니다.

✍ 코드

function showName(name) {
  console.log(name);
}
// 1초 간격으로 'Mike' 값을 인자로 받은 showName 함수를 실행합니다.
setInterval(showName,1000,"Mike");

📍 clearInterval

✍ 코드

let time = 0;

function count() {
  console.log(`${time++}`); // 1초, 2초, 3초, 4초, 5초
  if(time > 5){
    clearInterval(SIV); // 종료
  }
}
// 1초 간격으로 count 함수를 실행합니다.
const SIV = setInterval(count,1000);

좋은 웹페이지 즐겨찾기