디자인천일공책

Html＆JQuery 종료일 카운트

페이지 정보

작성자 디자인천일 작성일Date: 2025-03-27 21:55 조회view: 5

본문

자바스크립트를 이용한 종료 시간 카운트


종료시간을 php로 불러올 경우


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


//스크립트 맨 위 삽입

var end_time = <?php echo $end_time?>;

html

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

jQuery/Javascript

var end_time = '2025-10-24 00:00:00';

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);