Как включить плагин jquery Countdown timer в шаблон Blogger

#javascript #jquery #html #timer #blogger

#javascript #jquery #HTML #таймер #blogger

Вопрос:

Я использую Blogger и «простой» шаблон для создания своего блога. Я хочу установить таймер обратного отсчета. В результате исследований я обнаружил, что лучший способ (позволяющий настраивать) — использовать плагин jQuery от Keith Wood (http://keith-wood.name/countdown.html ).

Я не уверен, как включить это в мой html-код…Я перепробовал много вещей, и я не могу заставить его отображаться вообще. Вот выдержка из моего кода, которая находится непосредственно перед < / head >:

 <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<link href='https://www.dropbox.com/s/apli554dvptb01r/jquery.countdown.css'    rel='stylesheet'/>
<style type='text/css'>
body amp;> iframe { display: none; }

#defaultCountdown { width: 240px; height: 45px; }
</style>
<script src='https://www.dropbox.com/s/kt99b0ly3cx8u7l/jquery.plugin.js'/>
<script src='https://www.dropbox.com/s/mr7tsda8236nerh/jquery.countdown.js'/>

Насколько я понимаю, я сделал ссылку на базу данных jQuery (используя Google), затем ссылку на мой собственный хостинг плагина, который я хочу использовать, и информацию CSS.

Затем в сообщении (местоположение, в котором я хочу использовать свой таймер) я ввел следующий код:

 $(selector).countdown({until: liftoffTime});

var newYear = new Date(); 
newYear = new Date(newYear.getFullYear()   1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear}); 

$('#removeCountdown').click(function() { 
var destroy = $(this).text() === 'Remove'; 
$(this).text(destroy ? 'Re-attach' : 'Remove'); 
$('#defaultCountdown').countdown(destroy ? 'destroy' : {until: newYear}); 
});
</script>

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

Я понятия не имею, где я ошибаюсь …. поскольку это вообще ничего не дает в моем сообщении.

Пожалуйста, помогите! 🙂 Спасибо всем!

1. Вы всегда должны заглядывать в консольный вывод вашего браузера (F12 или искать инструменты разработки). Если что-то пойдет не так, это будет напечатано там.

2. А, хорошо! Да, есть несколько ошибок: Неперехваченная синтаксическая ошибка: неожиданный токен < jquery.plugin.js:1 Неперехваченная синтаксическая ошибка: неожиданный токен < jquery.countdown.js:1 Неперехваченная ошибка ссылки: селектор не определен (индекс):736

Ответ №1:

 Unexpected token < jquery.countdown.js:1

это распространенная ошибка, которая должна была быть 404, но была перенаправлена на HTML-страницу (и, таким образом, возвращает недопустимый символ < из-за <html> ).

Вообще говоря: ваши файлы js не могут быть загружены правильно, проверьте их путь, а также проверьте, разрешает ли dropbox горячую ссылку на эти файлы.

1. Хорошо, я проверил ссылки, и они верны. Из того, что я могу найти в сети, Dropbox разрешает горячую ссылку. Почему это не будет работать? Правильно ли я включил свои ссылки в свой код?