ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


CSS Coundown. Таймер на CSS и Countdown Timer Prototype JS

Пост №   137  от 5 ноября 2015   |  Категория: Новости  |  Комментариев нет Print

Как Вы, наверняка знаете, сегодня Landing Page распостраняются со скоростью света! Популярность этих проектов здесь не будем обсуждать, а сосредоточимся на одном из элементов, применяемых в них — счетчиков-таймеров.

Назначение их понятно: отсчет времени до окончания акции или какого либо действия, определяемого автором…


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

Далее я не буду приводить весь CSS код здесь — в архиве вы можете все просмотреть сами, а остановлюсь на самом главном — настройке скрипта счетчика. Здесь все просто. Открываете countdown.js блокнотом (лучше использовать Notepad++) и находите строку, отвечающую за начало отсчета.

Замените прописанные параметры на свои и сохраните с кодировкой «Преобразовать в UTF-8 без BOM» для корректного отображения кирилицы. На этом вся настройка таймера закончена! Останется только в нужном месте прописать вызов таким кодом:

Извините, но этот контент доступен только для зарегистрированных. Войдите или Зарегистрируйтесь

Все! Ваши «мучения» закончены. Счетчик работает… Кстати, здесь можете посмотреть еще массу вариантов счетчиков с любыми параметрами!

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки:
Обновление статьи: 06.11.2015
Просмотров:   1316
Короткая ссылка: http://tinyurl.com/q2yuhxd

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!



Добавить комментарий

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

Посетители сайта

Блуждали по сайту сегодня: 102
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
28293031  

MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About a month ago from Master PRO's Twitter via Google · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое