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年，但它不起作用，我的登陆页面是托管的这里。感谢你的帮助

Answer 1

嗨，我不熟悉countdown.js，但这里有一个纯javascript解决方案。

​

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

<div id="defaultCountdown" class="hasCountdown">
    <span data-days></span>,
    <span data-hours></span>,
    <span data-minutes></span>,
    <span data-seconds></span>
</div>

​

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}