Уроки Онлайн таймер MegaTimer
21 сентября 2015
2471
онлайн таймер, MegaTimer, счетчик обратного отсчета

Онлайн таймер MegaTimer

Сложность Рубрика Онлайн-сервисы

Переходим к очередному материалу и сразу хочу заметить, что появилась новая категория у нас сайте онлайн-сервисы. Не знаю почему, но думаю помимо скриптов и уроков, для Вас может будут полезны некоторые онлайн-сервисы, которых в принципе, огромное множество и при разработке сайтов, вполне очень даже хорошо применяются. Есть еще идеи, например, запустить новую категорию плагины для WordPress или других CMS. Жду Ваших комментариев по этому поводу. Кстати, пока не забыл, хочу напомнить, что на сайте имеется также урок на тему отсчет времени JQuery, в котором создается данный обратный отсчет времени до определенной даты. Кому интересно, можете посмотреть и свободно использовать у себя на сайте.

 

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

После краткого описания, давайте перейдем к по шаговому рассмотрению настройки счетчика.

 

Первый шаг. Выбор типа таймера.

 

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

 

Таймер для сайта

 

  1. Счетчик до определенной даты - Позволяет выставить нужное Вам время до окончания таймера. То есть к примеру, сегодня 21 сентября 2015 года, а акция будет завершена 28 сентября 2015 года, вот оставшиеся время до окончания акции и будет служить точкой завершения отсчета счетчика. Плюс ко всему прочему, можно указать локальное время пользователей, что несомненно, является большим плюсом!
  2. Счетчик на промежуток времени - Позволяет задавать, определенный промежуток времени с каждый новым посещением.
  3. Зацикленный таймер - Позволяет перезапускать циклы обратного отсчета, с определенной периодичностью. Причем его можно настроить по расписанию и в нужное для Вас время.

 

Второй шаг. Выбор дизайна.

 

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

 

Онлайн таймер MegaTimer

 

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

 

Третий шаг. Настройки.

 

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

 

Счетчик обратного отсчета

 

Вид табличек.

 

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

Добавить эффект перемотки или перелистывание. Сделать отступ от самих табличек, а точнее самих цифр, а также сделать просто отступ между днями, часами, минутами и секундами.

 

Цифры.

 

Можем выбрать шрифт, размер шрифта, а также сам цвет. При этом еще можете также задать внутренний отступ от табличек.

 

Разделитель.

 

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

 

Подписи.

 

Если подписи включены, то внизу появятся названия для определения цифр таймера. Ну то есть дни, часы, минуты и секунды. Их тоже можно спокойно настроить, задав нужный шрифт, размер и цвет.

 

Четвертый шаг. Получение кода.

 

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

 

Онлайн таймер

 

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





Роман КраутерИсточник материала »