/ Сайтостроение / Scripts & jquery / Таймеры отсчета времени jquery countdown

Таймеры отсчета времени jquery countdown

04.11.2015

844

Еще одно решение по реализации счетчика обратного отсчета времени.

Подключаем скрипт

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.countdown.min.js"></script>

Вставляем в верстку

<div align="center">
<div class="countdown">
<span id="clock"></span></div>
</div>

Скрипт инициализация счетчика + настройки 

<script type="text/javascript">
 
$(document).ready(function(){ 
 
if($("div").is(".countdown")) {  
// Счетчик обратного времени
 
$('#clock').countdown('2015/11/03 18:38:50')
 
.on('update.countdown', function(event) {
 
 var format = 'До Нового года осталось:<br> %D дней %H часов %M минут %S секунд';
 $(this).html(event.strftime(format));
 
 })
 
.on('finish.countdown', function(event) {
 
$('#nybanner').show();
$('#nybanner').removeClass('animated fadeOutDown'); 
$('#nybanner').addClass('animated fadeInDown');
$('#backfon').show(); 
$('#backfon').removeClass('fadeOut'); 
$('#backfon').addClass('animated fadeIn'); 
 
 });
 
$('#backfon').click(function() { $('#nybanner').addClass('fadeOutDown'); });

}
}); 
 
</script>

Скрипт инициализации конфликтует с fancybox!

Поделится информацией с друзьями

  • Комментарии
  • Вложения

Добавить комментарий

Пока нет комментариев. Будь первым!

Таймеры отсчета времени jquery countdown
Рекомендации по созданию лэндинга
Рекомендации для васРекомендации по созданию лэндингаOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.