[javascript] setTimeout 함수의 사용 방법
setTimeout 함수는 JavaScript에서 비동기적으로 코드를 실행하기 위해 사용되는 함수입니다. 이 함수는 정해진 시간 이후에 콜백 함수를 실행하도록 예약합니다.
기본 구문
setTimeout(callback, delay);
callback은 지정된 시간이 지난 후에 실행되는 콜백 함수입니다.delay는 콜백 함수를 실행하기 전에 대기할 시간(밀리초)을 나타냅니다.
예제
다음은 setTimeout 함수의 간단한 예제입니다. 이 예제는 2초 후에 “Hello, World!”를 콘솔에 출력합니다.
setTimeout(function() {
console.log("Hello, World!");
}, 2000);
취소하기
setTimeout 함수를 사용하여 예약된 작업을 취소하려면 clearTimeout 함수를 사용해야 합니다. 이 함수는 setTimeout 함수 호출 시 반환된 타이머 식별자를 인수로 받아 해당 작업을 취소합니다.
var timeoutId = setTimeout(function() {
console.log("Hello, World!");
}, 2000);
clearTimeout(timeoutId);
사용 사례
setTimeout 함수는 다양한 사용 사례가 있습니다. 예를 들어, 일정 시간이 지난 후에 애니메이션을 시작하거나, 페이지가 로드된 후에 특정 작업을 수행하거나, 비동기 작업이 완료된 후에 다음 작업을 실행하는 등 다양한 상황에서 유용하게 사용될 수 있습니다.