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

Javascript 倒计时日期

Javascript Countdown Date

javascript

countdown

countdowntimer