1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <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> |
<!-- 카운트 출력 (실시간) --> <span id="countdown"></span>