자바스크립트 타이머 함수

22 Sep 2023

setTimeout 함수

setTimeout 함수는 주어진 시간이 경과한 후에 한 번만 작업을 실행합니다. 아래는 setTimeout 함수의 사용 예시입니다.

setTimeout(function() {
    // 작업을 여기에 작성하세요
}, 3000);

위의 예시에서 setTimeout 함수는 3초(3000밀리초) 후에 주어진 익명 함수를 실행합니다.

setInterval 함수는 주어진 시간 간격으로 반복적으로 작업을 실행합니다. 아래는 setInterval 함수의 사용 예시입니다.

setInterval(function() {
    // 작업을 여기에 작성하세요
}, 1000);

위의 예시에서 setInterval 함수는 1초(1000밀리초)마다 주어진 익명 함수를 반복적으로 실행합니다.

타이머 함수를 중지하기 위해서는 clearTimeout 또는 clearInterval 함수를 사용합니다. 아래는 clearTimeout 함수를 사용하여 setTimeout 함수를 중지하는 예시입니다.

let timer = setTimeout(function() {
    // 작업을 여기에 작성하세요
}, 5000);

// clearTimeout 함수를 사용하여 setTimeout 함수 중지
clearTimeout(timer);

위의 예시에서 clearTimeout 함수를 호출함으로써 setTimeout 함수를 중지할 수 있습니다.

타이머 함수를 적절하게 사용하면 비동기 작업이나 반복적인 작업을 효율적으로 처리할 수 있습니다. 다양한 시나리오에 따라 위의 예시를 수정하여 활용할 수 있습니다.

#JavaScript #타이머함수