Javascript 일정 시간 후에 실행, 반복 실행 (setTimeout, setInterval)

1. setTimeout

글로벌 객체에 내장된 메서드입니다. 따로 선언하지 않아도 바로 호출하여 사용이 가능합니다.

setTimeout(function () {
 console.log('1초 후에 시작');
}, 1000);

setTimeout(함수, 지연시간)

지연 시간은 1000에 1초 입니다.

2. setInterval

글로벌 객체에 내장된 메서드입니다.

이또한 따로 선언하지 않아도 바로 호출하여 사용이 가능합니다.

setInterval은 일정 시간마다 계속해서 실행이 됩니다.

const timer = setInterval(() => {
 console.log('1초마다 동작중입니다');
}, 1000);

이렇게 사용이 가능하고, 이걸 중지하고 싶다면 어떻게 해야할까요?

 

clearInterval 메서드를 사용합니다

 

timer 변수를 글로벌 변수로 설정하고

function stop() {
 clearInterval(timer);
}

stop 함수를 만들어서 호출하면 호출한 시점부터 정지됩니다.