고정된 지정 시간으로 함수를 반복적으로 호출하는 방법
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 |