倒计时问题

时间:2016-10-25 18:56:16

标签: javascript

我的网页上有倒数计时器。但我不能让它正常工作。

我有一个结束日期 - 它是2017年3月1日。 我现在有一个日期:

var now = Date.now()

这是我对此javascript的完整代码:

CountDownTimer(1488326400000, 'clockdiv');

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;

    var clock = document.getElementById(id);
    var daysSpan = clock.querySelector('.days');
    var hoursSpan = clock.querySelector('.hours');
    var minutesSpan = clock.querySelector('.minutes');
    var secondsSpan = clock.querySelector('.seconds');

    function showRemaining() {

        if (!Date.now) {
            Date.now = function() { return new Date().getTime(); }
        }
       // var now = new Date();
        var now = Date.now()
        var distance = end - now;
        if (distance < 0) {

            clearInterval(timer);
            document.getElementById(id).innerHTML = 'EXPIRED!';

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

        daysSpan.innerHTML = ('0' + days).slice(-2);
        hoursSpan.innerHTML = ('0' + hours).slice(-2);
        minutesSpan.innerHTML = ('0' + minutes).slice(-2);
        secondsSpan.innerHTML = ('0' + seconds).slice(-2);

        // document.getElementById(id).innerHTML = days + 'days ';
        // document.getElementById(id).innerHTML += hours + 'hrs ';
        // document.getElementById(id).innerHTML += minutes + 'mins ';
        // document.getElementById(id).innerHTML += seconds + 'secs';
    }

    timer = setInterval(showRemaining, 1000);
}

脚本在结束日期前26天显示我。这不对。 这是什么错误?

1 个答案:

答案 0 :(得分:0)

这将截止时间缩短为2个字符:

daysSpan.innerHTML = ('0' + days).slice(-2);

只是做:

daysSpan.innerHTML = days;