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