Question

当我在Google Chrome中打开时，我的页面上没有显示最终倒计时。我不太清楚为什么倒计时不起作用。有人可以帮帮我吗？非常感谢！

<!DOCTYPE html>
<html>
<head>
    <title>The Final Countdown</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.countdown.min.js"></script>
    <script type="text/javascript">
        $('#getting-started').countdown('2016/01/01', function(event) {
            $(this).html(event.strftime('%w weeks %d days %H:%M:%S'));
        });
    </script>
</head>
<body>
    <div id="getting-started"></div>
</body>
</html>

Answer 1

一旦DOM准备就绪，您需要执行代码。您可以通过将其放在DOMReady处理程序中来完成此操作：

$(function() {
    $('#getting-started').countdown('2016/01/01', function(event) {
        $(this).html(event.strftime('%w weeks %d days %H:%M:%S'));
    });
});

目前，您在countdown()元素上调用#getting-started方法，然后它才会存在于DOM中。

最终倒计时不起作用

1 个答案: