Финальный обратный отсчет не работает

Окончательный отсчет не отображается на моей странице, когда я открываю ее в 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>
Источник

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.

Источник
Другие вопросы по тегам