본문 바로가기
Dev/script

javascript 시간 제어 함수 setTimeout(), setInterval(), clearTimeout()

by 아ZN2 2023. 11. 6.
반응형

javascript 시간 제어 함수 setTimeout(), setInterval(), clearTimeout()

JavaScript에서 시간 제어를 위해 사용되는 함수는 크게 두 가지가 있습니다.

  • setTimeout() 함수는 일정 시간 후 함수를 한 번만 실행합니다.
  • setInterval() 함수는 일정 시간 간격마다 함수를 반복해서 실행합니다.

두 함수의 사용법은 다음과 같습니다.

// setTimeout() 함수
setTimeout(함수, 시간);

// setInterval() 함수
setInterval(함수, 시간);

함수는 실행할 함수입니다.

시간은 밀리초(ms) 단위의 시간입니다.

setTimeout() 함수의 예는 다음과 같습니다.

// 10초 후 "Hello, world!"를 출력합니다.
setTimeout(() => {
  console.log("Hello, world!");
}, 10000);

setInterval() 함수의 예는 다음과 같습니다.

// 1초마다 "1초 지났습니다."를 출력합니다.
setInterval(() => {
  console.log("1초 지났습니다.");
}, 1000);

clearTimeout() 함수setTimeout() 함수를 취소하는 함수입니다.

// 10초 후 "Hello, world!"를 출력할 예정입니다.
let timerId = setTimeout(() => {
  console.log("Hello, world!");
}, 10000);

// 5초 후 타이머를 취소합니다.
clearTimeout(timerId);

clearInterval() 함수setInterval() 함수를 취소하는 함수입니다.

// 1초마다 "1초 지났습니다."를 출력할 예정입니다.
let timerId = setInterval(() => {
  console.log("1초 지났습니다.");
}, 1000);

// 5초 후 타이머를 취소합니다.
clearInterval(timerId);
반응형

댓글