在不同的瀏覽器上jQuery日期倒計時

Question

我在我的網站上創建了一個jQuery倒計時，我認爲它工作正常，但在Chrome之後，它不起作用。我使用的是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'); 

}); 

輸出移動，Chrome和IE是：爲NaN小時&的NaN分鐘！ 但Firefox顯示倒計時。

Answer 1

您需要傳遞一個日期而不僅僅是一個表示日期的字符串。這裏有一個小提琴：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'); 

    }); 

})