обратный отсчет не считается, как ожидалось

0

Надеюсь на некоторую помощь в этом, так как я не специалист по js.

У меня есть обратный отсчет, адаптированный из обратного отсчета Кита Вуда. Он не учитывается в любом браузере, хотя кажется, что он отлично функционирует во всех отношениях.

Здесь она находится на jfiddle.

И вот код:

HTML:

<div id="form">
    <div id="topbox">
        <div class="countdown"></div>
        <div id="until">
            until move-in
        </div>
    </div>
</div>

ЯШ:

$(document).ready(function() {

    //preload rollover image
    var image = $('<img />').attr('src', '../../images/countdown_button1.png');

    // jqueryUI calls for buttons
    $(".back a").button({
        icons: {primary: "ui-icon-triangle-1-w"}
    });

    // checklist button rollover
    $('#bottombox a').hover(
        function () {
            $('#bottombox').addClass("button").removeClass("nobutton");
        }, function () {
            $('#bottombox').addClass("nobutton").removeClass("button");
        }
    );

    // start instance of countdown
    $('.countdown').countdown({until: new Date(2014, 9-1, 21, 10), layout: 
        '<ul class="countdown-tabs"><li><a>{dn} <span>{dl}</span></a></li>' + 
        '<li><a>{hn} <span>{hl}</span></a></li>' + 
        '<li><a>{mn} <span>{ml}</span></a></li>' + 
        '<li class="last-child"><a>{sn} <span>{sl}</span></a></li></ul>'});

    $('.bg-switcher input').change(function () {
        // set background photo to value of photo-switcher
        window.location.hash = $(this).attr('id');
        var photo = "url('/images/countdown_" + $(this).attr('id') + ".jpg')";
        $('#canvas').css('background-image', photo);
    });

});

function setPhoto() {
    if(window.location.hash === "" || window.location.hash === "#one") {
        $('#one').attr("checked", "checked");
        $(".bg-switcher").buttonset();
    } else {
        // grab the value of the URL hash
        var urlHash = window.location.hash.substring(1);

        // set background photo to value in URL hash
        var urlPhoto = "url('/images/countdown_" + urlHash + ".jpg')";
        $('#canvas').css('background-image', urlPhoto);

        $('#' + urlHash).attr("checked", "checked");
        $(".bg-switcher").buttonset();
    }
};

Я также звоню:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.countdown.js"></script>
<script type="text/javascript" src="/js/jquery.plugin.js"></script>

Любые идеи о том, как заставить его отсчитывать? Ценить это!

  • 0
    что это было, в конце?
Теги:
countdowntimer
timer
countdown

1 ответ

0
Лучший ответ

Вы не похожи на вызов фактического сценария обратного отсчета, как указано на веб-сайте, на котором вы взяли сценарий:

~ 2. Загрузите и включите JQuery Countdown CSS и JavaScript в главном разделе вашей страницы.

<link rel="stylesheet" type="text/css" href="css/jquery.countdown.css"> 
<script type="text/javascript" src="js/jquery.plugin.js"></script> 
<script type="text/javascript" src="js/jquery.countdown.js"></script>

EDITED: кроме этого, проверьте инструмент разработчика вашего браузера на наличие ошибок и попробуйте исправить их все. Они могут быть не связаны непосредственно с этим, но они могут помешать выполнению остальной части скрипта.

  • 0
    извинения @webeno, я действительно звоню, и я обновил свой вопрос, чтобы отразить.
  • 0
    документ говорит о 2 файлах (плагин и обратный отсчет - см. мой ответ), так что я предполагаю, что оба включены, верно?
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню