javascript - Jquery 倒计时.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 解决方案。

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>