JavaScript에서 setTimeout을 취소하는 방법

setTimeout JavaScript에서 지정된 타이머가 완료될 때 실행할 함수를 설정하는 기본 함수입니다.

구문은 다음과 같습니다.

setTimeout(function, timer)

timer는 밀리초 단위입니다. 다음은 2초 후에 작업을 수행하는 예입니다.

setTimeout(() => {
  console.log("hey...I'm 2 seconds in")
}, 2000}

setTimeout 취소

여러 가지 이유로 setTimeout이 완료되는 것을 원하지 않을 수 있습니다. 어떻게 중지합니까? 방법은 다음과 같습니다...
setTimeout 함수는 선언될 때 id를 반환합니다.

const timeoutId = setTimeout(() => {}, 1000)

이 id 및 clearTimeout JavaScript 함수를 사용하여 setTimeout 를 취소할 수 있습니다.

다음은 clearTimeout 함수의 구문입니다.

clearTimeout(timeoutId)

이것으로 우리는 다음을 가질 수 있습니다:

const timeoutId = setTimeout(() => {
  console.log("hey...I'm 2 seconds in"
}, 2000}

// later on

clearTimeout(timeoutId)

setTimeout 선언이 완료되지 않은 경우 clearTimeout 함수는 이를 취소하고 콜백 함수는 더 이상 실행되지 않습니다.