Главная » Статьи » Шаблоны » jQuery

Счетчик обратного отсчета для Ucoz

Сегодня многие пробуют себя в интернет рекламе используя различные генераторы лендинг страниц в то время, как Ucoz позволяет создать Landing Page и настроить как дизайн-шаблон лендинга так и весь функционал (кнопки заказать, форму отправки заявки и счетчик обратного отсчета.)

О последнем и поговорим сегодня.

Скрипт счетчика обратного отсчета для сайтов Ucoz

Если вы спец, то можете не дожидаясь скачать скрипт счетчика ЗДЕСЬ. Для остальных - проведем небольшую ознакомительную экскурсию.

1. Скрипт подключается вставкой короткого кода в шаблон страницы, где счетчик будет крутиться.
<script src="/js/countdown.js>></script>
Для примера я закачал файл countdown.js в папку js предварительно созданную в Файловом менеджере. Туда же в папку js положил папку images в которой содержаться картинки цифр участвующих в анимации перелистывания счетчика.

2. На втором шаге добавляется код вызова скрита в то место, где вам нужен счетчик. Код можно взять самый простой, как в примере (переписывать его не надо, при скачивании возьмете из демо файла).

Настройка счетчика

Из скрина видны пять настриваемых парметров в конкретном примере (их больше, подробности, если они вам нужны, найдете по ссылке в начале статьи).

  • time: 86400 * 3, - 86400 секунд = 1 день (парметр для установки времени отсчета)
  • width:300, - ширина блока счетчика
  • height:60, - высота блока счетчика (меняя размеры, ширину и высоту, вы сможете регулировать размер оборажаемого счетчика и цифр)
  • rangeHi:"day", - этот параметр отвечает за количество отображаемых временных блоков -месяц, неделя, день, час и т.д. - то есть, если напишем hour (час), то будут видимыми только три блока - часы, минуты и секунды (месяцы и дни будут скрыты) ;
  • style:"flip" - не ставить запятую в последней строке! (стиль оформления)

Особенности счетчика

  • Скрипт при перезагрузке страницы на которой он расположен, начинает отсчет времени по новой, с заданного времени в первом параметре;
  • При окончании отсчета, счетчик останавливается (это не существенно так как до конца отсчета никто, никогда ждать не станет :) ).

P.S. Как видите, скрипт можно добавить даже в статью на сайте Ucoz.





Источник: http://i-won.ru/schetchik-obratnogo-otscheta-dlya-lendinga-countdown/
Дата: | Категория: jQuery Просмотров: 1612 | Теги: скрипт счетчика, счетчик обратного отсчета, countdown

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме поста: Счетчик обратного отсчета для Ucoz

Наверх