将Jquery Countdown Timer中的硬编码日期时间替换为当前日期时间

Question

我正在构建Jquery中内置的倒计时计时器http://www.jqueryscript.net/time-clock/Extremely-Lightweight-jQuery-Countdown-Timer-Plugin-downCount.html.脚本有一个硬编码的日期时间。我想用当前日期时间替换它。我可以使用new Date()，但偏移似乎没有影响，所以倒计时计时器总是立即发出警报。

<script class="source" type="text/javascript">
        $('.countdown').downCount({
            date: '09/09/2016 12:00:00',
            offset: +10
        }, function () {
            alert('Time Up');
        });
</script>

当前日期时间：

<script class="source" type="text/javascript">
        $('.countdown').downCount({
            date: new Date(),
            offset: +10
        }, function () {
            alert('Time Up');
        });
</script>

Answer 1

您是否尝试将日期作为字符串添加到插件中？：

var date = new Date();
var day = date.getDate();
var month = date.getMonth()+1;
var year = date.getFullYear();
var hour = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var dateString = day + '/' + month + '/' + year + ' ' + hour + ':' + minutes + ':' + seconds;
$('.countdown').downCount({
  date: dateString,
  offset: +10
}, function () {
  alert('Time Up');
});

var date = new Date();
var day = date.getDate();
var month = date.getMonth()+1;
var year = date.getFullYear();
var hour = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var dateString = day + '/' + month + '/' + year + ' ' + hour + ':' + minutes + ':' + seconds;
$('.countdown').downCount({
  date: dateString,
  offset: +10
}, function () {
  alert('Time Up');
});

ul.countdown {
list-style: none;
margin: 75px 0;
padding: 0;
display: block;
text-align: center;
}
ul.countdown li {
display: inline-block;
}
ul.countdown li span {
font-size: 80px;
font-weight: 300;
line-height: 80px;
}
ul.countdown li.seperator {
font-size: 80px;
line-height: 70px;
vertical-align: top;
}
ul.countdown li p {
color: #a7abb1;
font-size: 14px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jqueryscript.net/demo/Extremely-Lightweight-jQuery-Countdown-Timer-Plugin-downCount/jquery.downCount.js"></script>
<ul class="countdown">
<li> <span class="days">00</span>
<p class="days_ref">days</p>
</li>
<li class="seperator">.</li>
<li> <span class="hours">00</span>
<p class="hours_ref">hours</p>
</li>
<li class="seperator">:</li>
<li> <span class="minutes">00</span>
<p class="minutes_ref">minutes</p>
</li>
<li class="seperator">:</li>
<li> <span class="seconds">00</span>
<p class="seconds_ref">seconds</p>
</li>
</ul>