[js] clearTimeout

clearTimeout은 setTimeout 함수에 의해 설정된 타이머를 취소하는 메서드입니다. 이를 사용하여 실행을 지연시키는 타이머를 취소하고 함수가 실행되지 않도록 할 수 있습니다.

clearTimeout 함수의 구문은 다음과 같습니다:

clearTimeout(timeoutID)

• timeoutID: setTimeout 함수가 반환한 타이머 식별자(ID)입니다.

clearTimeout을 호출하면 이전에 설정한 setTimeout 타이머를 취소합니다. 이를 위해 clearTimeout에는 이전에 반환된 타이머 식별자(ID)를 전달해야 합니다. 타이머가 취소되면 이전에 예약된 실행이 취소되고, 함수가 호출되지 않습니다.

예를 들어, 다음은 setTimeout으로 설정한 타이머를 clearTimeout을 사용하여 취소하는 예제입니다:

const timeoutID = setTimeout(() => {
  console.log("Hello, world!");
}, 5000);

// 일정 시간이 지나기 전에 타이머를 취소
clearTimeout(timeoutID);

위의 예시에서 setTimeout 함수는 5초(5000ms)의 지연 시간으로 타이머를 설정합니다. 그러나 clearTimeout을 사용하여 타이머가 실행되기 전에 취소합니다. 따라서 "Hello, world!"는 출력되지 않습니다.

clearTimeout은 타이머를 취소하여 예약된 실행을 막을 수 있는 유용한 메서드입니다. 이를 통해 필요한 경우에만 타이머를 실행하도록 제어할 수 있습니다.