Cкрипт: обратный отсчет времени

timerЯ думаю что многие на различных сайтах видели таймеры, которые показывают обратный отсчет до какого-либо важного события.
Часто такие таймеры используют для сайтов, которые находятся в разработке, либо закрыты на техническое обслуживание.
В этой статье я опишу скрипт для обратного отсчета времени на javascript.

Скрипт был взят с сайта.
Вот пример использования скрипта обратного отсчета времени jCountdown Mega Pack:

    $(document).ready(function() {
        var b = new Date();
        var date = b.getFullYear() + "/" + (b.getMonth() + 1) + "/" + (b.getDate() + 1) + " "
                    + b.getHours()  + ":" + b.getMinutes() + ":" + b.getSeconds();
        $('#countdown').jCountdown({
            //дата до которой прозводится отсчет
            timeText: date,
            //времен. зона
            timeZone: "4",
            //стиль таймера. Может быть: metal, slide, crystal
            style: "flip",
            //цвет таймера. Может быть: black, white
            color: "black",
            //ширина таймера. Нужно выставить в "0", если хотим использовать по умолчанию
            width: 436,
            textGroupSpace: 15,
            textSpace: 0,
            //отражение таймера
            reflection: false,
            reflectionOpacity: 10,
            reflectionBlur: false,
            // количество ячеек с полем день
            dayTextNumber: 1,
            // отображать поле день
            displayDay: true,
            displayHour: true,
            displayMinute: true,
            displaySecond: true,
            // отображать часы, минуты, секунды
            displayLabel: false,
            // вызывается когда таймер закончил отсчет
            onFinish: function () {}
        });
    });

Архив со скриптами и примером:

Cкрипт: обратный отсчет времени: 3 комментария

    • Скрипт принимает дату в формате: ГГГГ/М/Д ЧЧ:ММ:CC; К примеру: 2015/4/4 19:57:16.
      Задать формат даты для вывода нельзя. Но можно убрать отображение некоторых ячеек.
      Параметрами displayDay, displayHours, и т.д.

  1. Вы сможете легко установить скрипт обратного отсчета Megatimer. Теперь нет необходимости искать Javascript и jquery таймер обратного отсчета, так как счетчик легко устанавливается через html вставку таймера. Html код счетчика генерируется на сервисе и его нужно просто вставить на сам сайт.

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

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


− три = 3

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>