종료일 카운트 > 공책

본문 바로가기
010.6356.7610
  • design1001@naver.com
  • @design1001
작업물 전체보기

공책

JQuery+JavaScript 종료일 카운트

페이지 정보

  • 작성자후야
  • 조회 : 189
  • 작성일 : 2021-01-31 00:54

본문

종료일 카운트

자바스크립트를 이용, 지정일까지 카운트

<span id="end_timer"></span>

<?php $end_time = strtotime('2020-10-24 00:00:00')-G5_SERVER_TIME; ?>

<script>
<?php if ($stat == '진행중') {?>
var end_time = <?php echo $end_time?>;

function run_timer() {
    var timer = document.getElementById("end_timer");

    dd = Math.floor(end_time/(60*60*24));
    hh = Math.floor((end_time%(60*60*24))/(60*60));
    mm = Math.floor(((end_time%(60*60*24))%(60*60))/60);
    ii = Math.floor((((end_time%(60*60*24))%(60*60))%60));

    var str = "";

    if (dd > 0) str += dd + "일 ";
    if (hh > 0) str += hh + "시간 ";
    if (mm > 0) str += mm + "분 ";
    str += ii + "초 ";

    timer.innerHTML = str;

    end_time--;

    if (end_time < 0) { clearInterval(tid); }
}

run_timer();

tid = setInterval('run_timer()', 1000); 
<?php } ?>
</script>