나의 디딤돌

JavaScript에서 타이머 구현을 하기 위한 방법으로

setTimeout과 setInterval 두 함수 중 한 가지를 이용하면 구현이 가능합니다.

간단하게 비교하자면

setTimeout 같은 경우 일정 시간이 지난 후에 실행하는 방법

clearTimeout()으로 스케줄링 취소

setInterval 해당 시간 마다 주기적으로 실행하는 방법

clearInterval()으로 스케줄링 취소

문법

let timerId = setTimeout/setInterval(func|code, [delay], [arg1], [arg2], ...)

함수 후 delay 부분에 원하는 시간을 넣게 되면 해당 시간 이후 실행이 됩니다.

그리고 실제 setInterval으로 이용해서 타이머를 구현한 코드입니다.

let timer = setInterval(function(){
        console.log(time);
        
        if(time>=1){
            time = time - 1;
                
        }
        if(time==0){
            console.log("종료");
    
            clearInterval(timer);
        }
        time_text.textContent = time;
        },1000);