작업중에 팁 공유합니다~ ^^

지정한 날짜/시간/분/초 까지 남은시간을 실시간 카운트 해줍니다.
남은시간이 없는 경우 종료문구 포함되어 있습니다.
경매 등에 사용하면 좋을것 같습니다~


Script

[code]
<script>


CountDownTimer('12/20/2019 00:00', 'countdown');
//시간 지정시
//CountDownTimer('01/01/2020', 'countdown');
//시간 필요없는 경우 대체

function CountDownTimer(dt, id)
{
var end = new Date(dt);

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;

function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {

clearInterval(timer);
document.getElementById(id).innerHTML = '경매종료'; // 종료시 보일 문구

return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);

document.getElementById(id).innerHTML = days + '일 ';
document.getElementById(id).innerHTML += hours + '시간 ';
document.getElementById(id).innerHTML += minutes + '분 ';
document.getElementById(id).innerHTML += seconds + '초';
}

timer = setInterval(showRemaining, 1000);
}

</script>
[/code]


Html

[code]
<!-- 카운트 출력 (실시간) -->
<span id="countdown"></span>
[/code]


예시화면 첨부합니다.