简单的jQuery倒计时

时间:2016-06-30 19:16:43

标签: javascript jquery html countdown

我有一个非常简单的问题,但官方文档和在线帮助还不足以帮助我。

我有这个模板倒计时,它计算新年前的剩余天数。

我只是想改变它,所以它计入2016年10月1日。

var PageComingSoon = function () {
    return {
      //Coming Soon
      initPageComingSoon: function () {
            var newYear = new Date();   
            newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
            $('#defaultCountdown').countdown({until: newYear})
        }
    };
}();

2 个答案:

答案 0 :(得分:1)

前三个参数是Date(year, month, day, ...)。给定代码newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1)清楚地表明年份是明年,然后是第一个月,第一天(注释月份从0开始)。您可以简单地将这些值更改为代表2016年10月1日。

var myDate = new Date(2016, 9, 1);

答案 1 :(得分:1)

您只需将日期传递给倒计时

即可



var date = '2016/10/01';

$("#defaultCountdown")
    .countdown(date, function(event) {
        $(this).text(
            event.strftime('%D days %H:%M:%S')
        );
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.1.0/jquery.countdown.min.js"></script>

<div id="defaultCountdown"></div>
&#13;
&#13;
&#13;

strftime()为您提供了一种格式化输出的方法