자바스크립트 (Jquery) 카운트다운 타이머

IT&프로그래밍 2021. 12. 17. 10:20

/* 함수 */
countDownTimer : function (dt, id) {

    let end = new Date(dt);
    let _second = 1000;
    let _minute = _second * 60;
    let _hour = _minute * 60;
    let _day = _hour * 24;
    let timer;
    let showRemaining = function() {
        let now = new Date();
        let distance = end - now;
        if (distance < 0) {
            clearInterval(timer);
            $('#'+id).html('투표가 마감 되었습니다.');
            return;
        }
        // let days = Math.floor(distance / _day);
        let hours = Math.floor((distance % _day) / _hour);
        let minutes = Math.floor((distance % _hour) / _minute);
        let seconds = Math.floor((distance % _minute) / _second);
        $('#'+id).html('마감까지 '+hours + '시간 '+minutes + '분 '+seconds + '초 남음');
    }
    timer = setInterval(showRemaining, 1000);
}

/* 호출 */
countDownTimer('2021-12-17 10:10:00', 'timer'); /* 'timer'는 타이머를 표시할영역의 id이다*/