고정된 지정 시간으로 함수를 반복적으로 호출하는 방법

ClickCheckboxStatus(){
      let Interval = setInterval(() => {
        this.getProjectInfo(this.$route.params.project);
        console.log('5sec');
        if(this.checkbox1 === false) this.IntervalStop(Interval);
      }, 1000);
    },
    IntervalStop(e){
      clearInterval(e);
      this.getProjectInfo(this.$route.params.project);
    }

setInterval의 형식은 arrow function으로 나타내면 setInterval(() => {}, time) 으로 time 부분은 ms로 1000을 지정해 주면 1초마다 console.log 값 '5sec'가 나오는 모습을 볼 수 있다.

setInterval을 탈출(빠져나오는) 방법은 clearInetval('인자값')을 넣어주면 setInterval이 종료된다.

'상상력 사전' 카테고리의 다른 글

Class, Instance 정리  (0) 2023.04.12
네비게이션 가드 | Vue Router  (0) 2023.03.13
var, let, const 차이점  (0) 2023.01.09
(Linux/Ubuntu) root 계정 초기 비밀번호 설정  (0) 2022.12.14
DevOps(Development+Operations)  (0) 2022.11.11

+ Recent posts