javaScript/js.Timer

  • 타이머 함수들은 모두 window의 메소드
  • 모두 일정 시간이 경과된 이후 콜백 함수를 호출하는 타이머를 설정
  • 비동기적 (asynchronous)으로 동작한다. ( 싱글 스레드로 동작하기 때문)
  • ECMAScript 표준사양은 아니나 브라우저, Node,js환경에서 모두 제공한다.

setTimeout / clearTimeout

setTimeout 함수는 두번째 인수로 전달한 시간이 경과한 이후에 첫번째 인수로 전달한 콜백 함수를 단 한번 호출한다.

1
2
3
4
5
6
7
8
9
10
11
// 1초 후에 첫번째 인수로 전달한 함수 호출
setTImeout(() => console.log('Hi'), 1000);
// 1초 후에 첫번째 인수로 전달한 함수에 인수를 전달하면서 호출
setTImeout(name => console.log(`Hi ${name}.`) 1000, 'jung');
// 지연 시간을 생략하면 기본값이 0 지정
setTImeout(() => console.log('Hi'));


const Timeout = setTimeout(() => console.log('Hi'), 1000);
clearTimeout(Timeout);
// 타이머 취소

setInterval / clearInterval

setInterval 함수는 두번째 인수로 전달한 시간이 경과할 때 마다 첫번째 인수로 전달한 콜백 함수를 타이머가 취소될 때까지 호출한다.

1
2
3
4
5
6
let count = 1;
const timeOutId = setInterval(() => {
console.log(count);

if (count++ === 5) clerarInterval(timeOutId);
}, 1000);
You forgot to set the qrcode for Alipay. Please set it in _config.yml.
You forgot to set the qrcode for Wechat. Please set it in _config.yml.
You forgot to set the business and currency_code for Paypal. Please set it in _config.yml.
You forgot to set the url Patreon. Please set it in _config.yml.
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×