如何将倒数计时器设为日期和时间

时间:2015-07-13 11:35:43

标签: jquery datetime countdown jquery-countdown

我有这段代码:

<script>
    $(function () {
        var march04 = new Date();
        var march07 = new Date();
        var march11 = new Date();
        var march13 = new Date();
        var august09 = new Date();

        // march04 = new Date(march04.getFullYear() + 0, 3 - 1, 10);
        march07 = new Date(march07.getFullYear() + 0, 3 - 1, 8);
        march11 = new Date(march11.getFullYear() + 0, 3 - 1, 12);
        march13 = new Date(march13.getFullYear() + 0, 3 - 1, 14);
        august09 = new Date(august09.getFullYear() + 0, 8 - 1, 10);

        $('#march04').countdown({until: march04});
        $('#march07').countdown({until: march07});
        $('#march11').countdown({until: march11});
        $('#march13').countdown({until: march13});
        $('#august09').countdown({until: august09});

    });
</script>

目前正在做的是计算到日期,但我也希望它倒计时到特定时间,例如8月19日晚上19:00。你能帮帮我吗?感谢。

2 个答案:

答案 0 :(得分:1)

指定日期的方式只是一整天(即您没有指定时间)。

你可以直接做到

var march07_1900 = "March 7, 2015 19:00:00"; 

或者使用你的风格: 如果您没有指定任何内容,则Date()将返回当前日期/时间。

完整的参数集如下所示:

new Date(year, month, day, hours, minutes, seconds, milliseconds) 

所以使用你的风格:

var march07_1900 = new Date();
march07_1900 = new Date(march07_1900.getFullYear() + 0, 3 - 1, 7, 19, 0, 0);
document.write(march07_1900);

然后你做

$('#march07').countdown({date: march07_1900});

答案 1 :(得分:1)

我想你可能需要这个

&#13;
&#13;
var today = new Date();
var target = new Date("05-28-2015");
var diff = new Date(target - today);
var str = diff.getMonth() + ":" + diff.getDate() + " " + diff.getHours() + ":" + diff.getMinutes() + ":" + diff.getSeconds() + ":" + diff.getMilliseconds();
&#13;
&#13;
&#13;

Here是一个示例。