Сегодня многие пробуют себя в интернет рекламе используя различные генераторы лендинг страниц в то время, как 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.
