Еще одно решение по реализации счетчика обратного отсчета времени.
Подключаем скрипт
<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!
