Устанавливаем таймер обратного отсчета времени

30 07 2015      Дмитрий Воробьев       18 комментариев

Приветствую вас, дорогие друзья, на моем блоге! В этой статье хочу вам рассказать о такой полезной штуке, как таймер обратного отсчета времени. Его можно легко сгенерировать в онлайне, чтобы установить на своем сайте или продающей странице. Также в статье вы найдете подробный видеоурок.

На самом деле таких бесплатных сервисов по созданию счетчиков несколько и в следующих статьях я обязательно расскажу о некоторых из них, но сегодня речь пойдет о онлайн-генераторе MegaTimer.

Почему именно этот сервис так привлек мое внимание?

Ну, во-первых, у него достаточно гибкие настройки, которые подойдут для большинства сайтов.

Во-вторых, цветовая палитра также очень разнообразна, да и сами счетчики подчас выглядят очень эффектно и необычно.

В-третьих, сервис настолько прост, что сгенерировать таймер обратного отсчета времени может абсолютно любой человек, даже не имеющий навыков работы с кодом.

Итак, давайте приступим. Для начала зайдем на MegaTimer.

Вот ссылочка: MegaTimer.ru

На главной странице вы можете выбрать основные настройки для будущего счетчика, а именно: цвет фона и формат времени, отметив галочками соответствующие пункты: дни, часы, минуты и секунды.

Прямо по центру страницы будет отображаться ваш таймер в том виде, как он будет выглядеть и на вашем сайте, все изменения будут отображаться мгновенно при регулировке настроек.

 

Чуть ниже отображаются вкладки-шаги настройки таймера. Можно выбрать его тип, далее дизайн, дополнительные параметры и получить код в завершении. Чтобы переключаться между вкладками можно либо нажимать левой кнопкой мыши на нужную вкладку, либо нажать кнопку «Следующий шаг» внизу страницы.

На первом шаге выбираем тип таймера из нескольких вариантов:

1. до определенной даты, здесь же выставляем конец отсчета

2. на промежуток времени, выбрав начало отсчета либо с момента первого посещения клиентом вашего сайта или прямо сейчас, чтобы отсчет пошел именно с момента открытия странички

3. цикличный таймер будет запускаться автоматически в указанное вами время, можно задать время и день недели начала, а также продолжительность отсчета.

Кроме того, для таймеров до определенной даты и циклического типа можно выбрать вариант местного времени для пользователя, либо привязать счетчик к какому-либо часовому поясу.

Во вкладке «Дизайн» вы можете выбрать счетчик наиболее подходящий по внешнему виду для вашего сайта, для этого можете воспользоваться фильтрами, либо просто выбрать понравившийся таймер, нажав на него левой кнопкой мыши.

На вкладке «Настройки» можете отрегулировать цвета цифр и фона, толщину линий, тип шрифтов, размеры. Стоит обратить внимание, что для каждого варианта дизайна набор настроек может отличаться.

После установки всех параметров переходим в заключительную вкладку «Получить код». Теперь вам достаточно выделить строчку с сгенерированным кодом и скопировать ее, нажав правую кнопку мыши и выбрав команду «копировать».

Теперь вы можете вставить полученный код к себе на сайт, страницу захвата или продающий лендинг.

После небольших манипуляций у меня получился вот такой таймер обратного отсчета времени:

Все свой действия по созданию этого счетчика я пошагово показал вот в этом видеоуроке:

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

Как всегда, в комментариях к статье жду ваших отзывов, понравилась ли статья и видео. До встречи в следующих статьях на страничках Блога Вебмастера!

Спасибо, что поделились статьей в социальных сетях!