Jquery Countdown.js

Question

我有以下倒计时代码。

$(function () {
    var austDay = new Date(2016 , 0, 12, 12);
    $('#defaultCountdown').countdown({until: austDay, layout: '{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}'});
    $('#year').text(austDay.getFullYear());
});

我只想将计数器更改为延长一年，我将年份从2015年更改为2016年但不起作用我的登录页面已托管Here。感谢任何帮助

Answer 1

您好我不熟悉countdown.js，但这是一个纯粹的JavaScript解决方案。

NewSet

var myVar = setInterval(function() {
    myTimer()
}, 1000);

function myTimer() {
    var dateThen = new Date(2016 , 11, 0, 12);
    var dateNow = new Date();
    var diff = dateThen - dateNow;

    var days = Math.floor(diff / (1000 * 60 * 60 * 24));
    var hours = Math.floor((diff - (days * 1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((diff - (hours * 1000 * 60 * 60) - (days * 1000 * 60 * 60 * 24)) / (1000 * 60));
    var seconds = Math.floor((diff - (minutes * 1000 * 60) - (hours * 1000 * 60 * 60) - (days * 1000 * 60 * 60 * 24)) / 1000);
    
    document.querySelector('[data-days]').innerHTML = days;
    document.querySelector('[data-hours]').innerHTML = hours;
    document.querySelector('[data-minutes]').innerHTML = minutes;
    document.querySelector('[data-seconds]').innerHTML = seconds;
}

#defaultCountdown {
    background-color: #232323;
    width: 757px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
}
.hasCountdown {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    color: #E5E5E5;
    margin-top: 45px;
    font-size: 26px;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
}

Answer 2

问题是您设置的日期已经过去了。

new Date(2016 , 0, 12, 12)

指1月12日。

也许你想要new Date(2016 , 11, 0, 12)

Answer 3

您插入的日期

new Date(2016 , 0, 12, 12); 

已经通过了

Date {Tue Jan 12 2016 12:00:00}