我已经在我的网站上创建了一个jQuery倒计时,我认为它工作正常但是在浏览Chrome之后,IE它无效。我正在使用Firefox,它工作正常。我找不到代码的任何问题,有人可以帮忙吗?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/jquery_002.js"></script>
<div class="countdown" style="margin-top:0px;">
<strong>Ends:</strong> <span id="clock12"></span>
</div>
<script type="text/javascript">
$('#clock12').countdown('31/05/2016')
.on('update.countdown', function(event) {
var format = '%H hours & %M minutes!';
if(event.offset.days > 0) {
format = '%-d day%!d ' + format;
}
if(event.offset.weeks > 0) {
format = '%-w week%!w ' + format;
}
$(this).html(event.strftime(format));
})
.on('finish.countdown', function(event) {
$(this).html('This offer has expired!')
.parent().addClass('disabled');
});
移动,铬和ie的输出是:NaN小时&amp; NaN分钟! 但firefox确实显示倒计时。
答案 0 :(得分:0)
您需要传递日期而不是仅仅代表日期的字符串。这是一个小提琴:https://jsfiddle.net/robvdv/hpdmdnpL/
$(document).ready( function() {
$('#clock12').countdown(new Date(2016, 05, 16))
.on('update.countdown', function(event) {
console.log(event);
var format = '%H hours & %M minutes!';
if(event.offset.days > 0) {
format = '%-d day%!d ' + format;
}
if(event.offset.weeks > 0) {
format = '%-w week%!w ' + format;
}
$(this).html(event.strftime(format));
})
.on('finish.countdown', function(event) {
$(this).html('This offer has expired!')
.parent().addClass('disabled');
});
})