jQuery Js不工作時的jQuery倒計時

Question

所以我一直在尋找到使用這種方法作為顯示與時刻JS的jQuery插件倒計時這個組合文檔 。

然而，無論是我沒有使用正確的版本，或者其他什么東西壞了。 有任何想法嗎？ 這里是一個的jsfiddle 。

var nextYear = moment.tz("2019-01-01 00:00", "America/Sao_Paulo");

$('#clock').countdown(nextYear.toDate(), function(event) {
  $(this).html(event.strftime('%D days %H:%M:%S'));
});

Answer 1

您沒有為jQuery庫和倒數插件本身添加外部資源。

更新：

因此結果示例如下所示：

<div id="clock"></div>

<script src="https://momentjs.com/downloads/moment.min.js" type="text/javascript"></script>
<script src="https://momentjs.com/downloads/moment-timezone-with-data.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var nextYear = moment.tz("2019-01-01 00:00", "America/Sao_Paulo");

        $('#clock').countdown(nextYear.toDate(), function(event) {
            $(this).html(event.strftime('%D days %H:%M:%S'));
        });
    });
</script>

Answer 2

使用此代碼：

    <div class="timer" id="countdown"></div>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.js"></script>
    <script type="text/javascript">
    var myDate = new Date();

myDate.setDate(myDate.getDate() + 2);

$("#countdown").countdown(myDate, function(event) {
  $(this).html(
    event.strftime('<div  ><div  >%D</div><span  >days</span></div><div  ><div  >%H</div><span  >hrs</span></div><div  ><div  >%M</div><span  >mins</span></div><div  ><div  >%S</div><span  >sec</span></div>')
  );
});
    </script>