javascript - jQuery 倒计时与时刻 Js 不工作

标签 javascript jquery

所以我正在考虑使用jquery倒计时插件与moment js的组合,如documentation所示.

但是,要么我没有使用正确的版本,要么有其他东西损坏了。有任何想法吗?这是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'));
});

最佳答案

您没有为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>

关于javascript - jQuery 倒计时与时刻 Js 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45021083/

相关文章:

javascript - ExpressJS 不会在 app.use 中触发下一个路由

javascript - 文件传输 onprogress 不起作用 - PhoneGap 3.5.0

jquery - 单击从下到上填充另一个 div 内容

javascript - 在不引起重定向的情况下向 URL 添加片段?

javascript - 如何使用 jQuery 使 html5 视频播放器静音

javascript - 在 React Native 中显示/隐藏文本、超时、渐变

javascript - 模拟字符串的长度

c# - 发布后的应用程序在几分钟后停止更新更新面板

javascript - dc.js - 隐藏 div 容器,直到创建 svg

jquery - jQuery 1.3.2 到 1.4.2 的重大更改