Счетчик обратного отсчета для лендинга (landing page)

Недавно делал приземляющую страницу со счетчиком обратного отсчета. Была задача «слизать» скрипт и стили для этого самого счетчика с уже существующей страницы (которая работала на WP). Вот, собственно, хочу поделиться нормальным счетчиком для landing page.countdown

Сразу предложу посмотреть, как выглядит и работает наш счетчик: http://vinnichenko.net/portfolio/lp/ (он в самом низу страницы)

В нужном нам месте ставим следующий код:

Как видно, нам нужны 2 файла «jquery.countdown.js» и «digits.png«. Обращаем внимание на переменную «cdate» (ee значение равно 02:03:32:00 — это время, с которого начинается обратный отсчет на таймере после загрузки страницы).

Также нам нужна библиотека «jquery.min.js» — ее мы подключаем в шапке:

В стилевой файл мы вставляем следующие строки:

Пользуйтесь! =)

Счетчик обратного отсчета для лендинга (landing page): 26 комментариев

  1. BioCyborg1y

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

  2. Денис

    Подскажите пожалуйста, как этот таймер пропорционально уменьшить в размерах?

    1. admin Автор записи

      Денис, нужно внести соответствующие изменения в CSS, JS и изменить размеры изображения с цифрами.

  3. Юрий

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

    1. admin Автор записи

      Добрый день!
      Именно так. Это ведь JavaScript, который работает на клиентской стороне. Счетчик запускается при каждой загрузке страницы с помощью браузера. Для каждого клиента счетчик будет свой.

  4. Татьяна

    А возможно сделать счетчик повышения цены? Начиная с определенной суммы и в сторону увеличения до копеек. А при нажатии кнопки «Купить» он бы останавливался?

  5. Игорь

    Скрипт отличный все работает.
    Вопрос … нужно выполнение работы нескольких счетчиков.
    Как организовать ?

    1. admin Автор записи

      Я бы пробовал менять в нескольких счетчиках id=»ps_counter». Соответственно, и в скрипте тоже. Переменная cdate тоже может быть разной.

  6. Денис

    В скрипте jquery.countdown.js исправьте ошибку. Строка 48, нужно 9 на 3 поменять. А то выходит в сутках 30 часов.

  7. Данил

    Все работает, все отлично, но при каждом обновлении страницы показания счетчика сбрасываются

    1. admin Автор записи

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

  8. Руслан

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

  9. Евгений

    Приветствую. Все ок и все просто. Единственное только у меня или у всех не корректно отображаются секунды — налезают на последнее двоеточие или последняя цифра исчезает…

  10. Игорь

    Это фигня, а не счётчик. После любой перезагрузки, он опять начинает считать с прописанного времени. Написано, что есть 2 дня, чтобы заказать со скидкой. Заходит клиент на сайт через 2 дня — а там снова эти же 2 дня. Никакой стимуляции к заказу нет. Он понимает, что его просто дурят!

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

  11. beklem25

    Хотелось бы что бы счетчик досчитывал до конца,а потом сам обновлялся и начинал сначала. На многих Landing Page сейчас такие используются.

  12. feuer81

    Спасибо. А то когда увидел в задании — немного испугался))) До сих пор не делал.

  13. RAM

    Пробовал, не работает, вывод изображения и надписей есть, цыфир нема.
    Воспользовался бесплатным сервисом megatimer.ru все работает отлично, можно подобрать дизайн, и выставить дату какую надо. Всем рекомендую.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *