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

moment.js COUNTDOWN(카운트) 기능

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

    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);