본문 바로가기

JavaScript

타이머 API ( setTimeout, setInterval, clearInterval)

1. setTimeout(callback, millisecond)

- 일정 시간 후에 함수 실행

- arguments : 실행할 callback함수, callback함수 실행 전 기다려야 할 시간(밀리초)

- return값 : 임의의 타이머 ID

setTimeout(() => {console.log('1초 후 실행'}, 1000)
//1초 후, 콘솔창에 '1초 후 실행' 뜬다.

 

2. setInterval(callback, millisecond)

- 일정 시간을 가지고 함수를 반복적으로 실행

- arguments : 실행할 callback함수, 반복적으로 함수를 실행시키기 위한 시간간격(밀리초)

- return값 : 임의의 타이머 ID

setInterval(() => {console.log('1초마다 실행'}, 1000)
//1초마다, 콘솔창에 '1초마다 실행' 뜬다.

 

3. clearInterval(timerId)

- 반복 실행중인 타이머 종료

- arguments : 타이머 ID

- return value : 없음

const timer = setInterval(() => {console.log('1초 마다 실행'}, 1000); // timer === 타이머ID
clearInterval(timer);
//더이상 반복 실행되지 않음

'JavaScript' 카테고리의 다른 글

part3  (0) 2021.09.21
fetch() API  (0) 2021.09.21
callback vs promise vs async & await  (0) 2021.09.20
비동기 함수의 순서를 제어하는 방법 3. async & await  (0) 2021.09.19
비동기함수의 순서를 제어하는 방법 2. Promise  (0) 2021.09.19