라이브러리
[JAVASCRIPT] clearTimeout(timeoutID) - `setTimeout` 실행 취소
clearTimeout(timeoutID) 함수
`clearTimeout(timeoutID)` 함수는 JavaScript에서 사용할 수 있는 내장 함수 중 하나입니다. 이 함수는 setTimeout() 함수로 설정한 타이머를 취소하는 데 사용됩니다.
# setTimeout() 함수
setTimeout() 함수는 특정 코드를 지정된 시간 후에 실행하는 데 사용됩니다. 이 함수는 다음과 같은 형태로 사용됩니다.
#hostingforum.kr
javascript
setTimeout(함수, 시간);
- `함수` : setTimeout() 함수로 설정할 코드입니다.
- `시간` : setTimeout() 함수가 실행되기까지의 시간입니다. 시간은 밀리초 단위로 지정됩니다.
# clearTimeout(timeoutID) 함수
clearTimeout() 함수는 setTimeout() 함수로 설정한 타이머를 취소하는 데 사용됩니다. 이 함수는 다음과 같은 형태로 사용됩니다.
#hostingforum.kr
javascript
clearTimeout(timeoutID);
- `timeoutID` : setTimeout() 함수로 설정한 타이머의 ID입니다.
# 예제
다음 예제는 clearTimeout() 함수를 사용하여 setTimeout() 함수로 설정한 타이머를 취소하는 방법을 보여줍니다.
#hostingforum.kr
javascript
// setTimeout() 함수로 설정한 타이머
var timer = setTimeout(function() {
console.log("타이머가 실행되었습니다.");
}, 3000); // 3초 후에 실행
// clearTimeout() 함수로 타이머를 취소
clearTimeout(timer);
// setTimeout() 함수로 설정한 타이머
var timer2 = setTimeout(function() {
console.log("타이머가 실행되었습니다.");
}, 3000); // 3초 후에 실행
// setTimeout() 함수로 설정한 타이머를 취소하지 않고 5초 후에 실행
setTimeout(function() {
clearTimeout(timer2);
}, 5000);
# clearTimeout() 함수의 사용 예시
다음 예제는 clearTimeout() 함수를 사용하여 사용자 입력에 따라 setTimeout() 함수로 설정한 타이머를 취소하는 방법을 보여줍니다.
#hostingforum.kr
javascript
// 사용자 입력에 따라 setTimeout() 함수로 설정한 타이머를 취소
var input = document.getElementById("input");
var timer;
input.addEventListener("input", function() {
clearTimeout(timer);
timer = setTimeout(function() {
console.log("타이머가 실행되었습니다.");
}, 3000); // 3초 후에 실행
});
# clearTimeout() 함수의 사용 예시 (버튼 클릭)
다음 예제는 clearTimeout() 함수를 사용하여 버튼 클릭에 따라 setTimeout() 함수로 설정한 타이머를 취소하는 방법을 보여줍니다.
#hostingforum.kr
javascript
// 버튼 클릭에 따라 setTimeout() 함수로 설정한 타이머를 취소
var button = document.getElementById("button");
var timer;
button.addEventListener("click", function() {
clearTimeout(timer);
timer = setTimeout(function() {
console.log("타이머가 실행되었습니다.");
}, 3000); // 3초 후에 실행
});
이 예제는 clearTimeout() 함수를 사용하여 setTimeout() 함수로 설정한 타이머를 취소하는 방법을 보여줍니다. clearTimeout() 함수는 setTimeout() 함수로 설정한 타이머를 취소하는 데 사용됩니다. clearTimeout() 함수는 clearTimeout() 함수로 설정한 타이머의 ID를 인수로 사용합니다. clearTimeout() 함수를 사용하여 setTimeout() 함수로 설정한 타이머를 취소하는 방법을 이해하면, JavaScript 개발에서 타이머를 관리하는 데 도움이 될 것입니다.
댓글목록
등록된 댓글이 없습니다.