Timer 타이머

2022. 5. 18. 13:36Study/JavaScript

JS

// timer
function countdown( elementId, seconds ){
    var element, endTime, hours, mins, msLeft, time;

    function updateTimer(){
        msLeft = endTime - (+new Date);
        if ( msLeft < 0 ) {
            console.log('done');
        } else {
            time = new Date( msLeft );
            // hours = time.getUTCHours();
            // mins = time.getUTCMinutes();
            hours = String(time.getUTCHours()).padStart(2, "0");
            mins = String(time.getUTCMinutes()).padStart(2, "0");

            element.innerHTML = (hours ? ('0' + mins).slice(-2) : mins) + ':' + ('0' + time.getUTCSeconds()).slice(-2);
            setTimeout( updateTimer, time.getUTCMilliseconds());
        }
    }

    element = document.getElementById( elementId );
    endTime = (+new Date) + 1000 * seconds;
    updateTimer();
}

countdown('countdown', 181);	 // 180 = 3분 1초

 

 

 

 

'Study > JavaScript' 카테고리의 다른 글

스크롤 방향에 따른 네비게이션 보이기, 감추기  (0) 2022.06.02
노드 복제와 템플릿 Node clone, template  (0) 2022.05.30
ES6 배열 내장 함수  (0) 2022.04.26
Momentum  (0) 2022.04.25
React JS  (0) 2022.04.15