不同浏览器上的jQuery日期倒计时

时间:2016-05-04 11:30:07

标签: javascript jquery

我已经在我的网站上创建了一个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确实显示倒计时。

1 个答案:

答案 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');

   });

})