Javascript 倒计时日期

Question

对你们中的许多人来说可能是一个简单的问题。 :)

我正在尝试使用此倒计时中的简单计数器：https://github.com/rendro/countdown，但我无法传递 javascript 变量。

通常，此计数器的结束日期格式为：

var endDate = "June 7, 2087 15:03:25";

然后在函数中传递变量：

$('.countdown.simple').countdown({ date: endDate });

但我正在尝试获取动态的 24 小时日期和时间，并以相同的原始 endDate 格式发送输出。目标是在一天结束之前购买倒计时购买此产品（现在时间 - 以及当天）。不幸的是它不起作用。

<script type="text/javascript">
    var dateNow = new Date();
    var monthsArray = ["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"];
    var monthNow = monthsArray[dateNow.getMonth()];
    var dayNow = dateNow.getDate();
    var yearNow = dateNow.getFullYear();
    var hourNow = dateNow.getHours();
    var minNow = dateNow.getMinutes();
    var secNow = dateNow.getSeconds();
    var completeDate = monthNow + " " + dayNow + ", " + yearNow + " " + hourNow + ":" + minNow + ":" + secNow;

  $(function() {
    $('.countdown.simple').countdown({ date: completeDate });
  });

    alert(completeDate);
</script>

我已设置警报以测试输出格式及其是否正常工作。但是我的计数器显示的是 0 年 0 天 00 小时 00 分钟和 00 秒。

怎么了..

Answer 1

您正在将倒数计时器的结束日期设置为当前日期。您需要输入未来的日期。

您也可以只传入一个日期对象，而不是创建日期字符串。

示例

// Create the date object
var completeDate = new Date();

// Set the date to the last possible second of the day
completeDate.setHours(23, 59, 59);

// Start the timer
$(function() {
    $('.countdown.simple').countdown({ date: completeDate });
});