[자바스크립트] moment.js COUNTDOWN(카운트) 기능


moment.js COUNTDOWN(카운트) 기능

  • moment.js에는 COUNTDOWN기능도 있습니다.
  • moment.js 다운로드
  • js를 다운 받아서 moment.js 로 저장.
  • 아래와 같이 사용


<script src="js/moment.js"></script>

<script>
  
    let setTimeId;
    
    function startTimer(setTime) {
    
        // 타이머 중복 실행 방지로 기존 시작된 타이머를 리셋하여 점점 빨라지는 오류를 방지
        clearInterval(setTimeId);
        let countDownDate = moment().add(setTime, 'seconds');
        setTimeId = setInterval(function () {
        
            let diff = countDownDate.diff(moment());
            if (diff <= 0) {
            
                //타이머가 끝날 경우 TODO 처리
                clearInterval(setTimeId);
                console.log("시간이초과 되었습니다. 다시 시도해주세요.");
                return false;
            
            } else {
                console.log(moment.utc(diff).format("mm:ss") + " 남았습니다.");
            }
            
        });
    }

    function stopTimer() {
      clearInterval(setTimeId);
      console.log("타이머끝");
    }

    //타이머 실행
    startTimer(10);
    
</script>