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' 카테고리의 다른 글
| 노드 복제와 템플릿 Node clone, template (0) | 2022.05.30 |
|---|---|
| 스크롤시 엘리먼트에 애니메이션 추가하기 (0) | 2022.05.20 |
| input[type="number"] 화살표 및 키보드 막기 (0) | 2022.05.18 |
| HTML include (0) | 2022.05.03 |
| input replace 유효성 체크 (1) | 2022.05.03 |