Timer 타이머
2022. 5. 18. 13:36ㆍStudy/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 |