자바스크립트 - 타이머 함수 setTimeout과 clearTimeout

자바스크립트에서

많이 사용하는 타이머 함수 setTimeout입니다.

setTimeout

setTimeout은 일정 시간이 지난 뒤에 함수를 실행시키는 함수입니다. 

두 개 파라미터를 받습니다.

첫 번째는 실행시킬 함수입니다.

두 번째는 시간입니다. ms 단위라서 1000이 1초입니다.

아래 예제는 1초 뒤에 실행되는 setTimeout 함수입니다.

setTimeout(function() {
  console.log('setTimeout')
}, 1000)

 

반응형

clearTimeout

clearTimeout을 이용하여 실행을 중단할 수 있습니다.

const timer = setTimeout(function() {
  alert('2초 뒤 실행')
}, 2000)

clearTimeout(timer);

 

자바스크립트를 사용하게 되면 setTimeout을 많이 사용하게 됩니다.

setTimeout은 비동기로 동작하게 됩니다.

 

코딩을 하다 보면 시점의 문제가 있거나, 비동기를 사용하는 문제가 있을 때

setTimeout을 사용하기도 합니다.

 

필요한 시점에 setTimeout을 잘 사용하시길 바랍니다.