setInterval() 함수를 알아보자

내가 이놈을 위해서 공부했다.

 

웹페이지의 특정 부분을 주기적으로 업데이트를 하려면 이 함수를 사용해야한다.

난 자율주행 프로젝트로 어떠한 API에서 주기적으로 변경된 데이터를 받아와야하는데

이럴때 바로 setInterval() 함수를 사용한다.

 

setInterval() 함수는 어떤 코드를 일정한 시간 간격을 두고 반복해서 실행하고 싶을 때 사용한다.

setTimeout()과 동일하게 사용합니다 실행할 코드와 다음엔 반복할 시간을 담습니다.

 

setInterval(() => console.log(new Date()), 5000);

VM39:1 Thu Oct 27 2022 10:33:18 GMT+0900 (한국 표준시)
VM39:1 Thu Oct 27 2022 10:33:22 GMT+0900 (한국 표준시)
VM39:1 Thu Oct 27 2022 10:33:28 GMT+0900 (한국 표준시)
VM39:1 Thu Oct 27 2022 10:33:33 GMT+0900 (한국 표준시)

 

그럼 이렇게  5초마다 생성되는 것을 확인 할 수 있다.

clearInterval을 이용하면 취소할 수 있다.

 

let intervalId = setInterval(() => console.log(new Date()), 5000);
clearInterval(intervalId);