Как добавить таймер обратного отсчета

Я думаю, что вы уже неоднократно видели на многих сайтах таймеры обратного отсчета (countdown). Их активно применяют в тех случаях, если на сайте проходить какая-то акция или распродажа, либо если сайт закрыт на реконструкцию, то с помощью этого таймера, мы можем показать пользователю, сколько времени осталось до открытия. В общем, способов применения таймера обратного отсчета очень много.

В данном уроке, мы с вами поговорим о том, как такой таймер установить на свой сайт. Использовать мы будем скрипт CSS3 Countdown.

Смотреть видеоурок

Исходники данного таймера вы можете скачать кликнув по кнопке "Дополнительные материалы", либо на официальном сайте.

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

  • Хороший урок! Спасибо!

  • Поддерживаю Дмитрия .

  • Александр, спасибо за интересный разбор.
    А скажите, пожалуйста, можно ли сделать так, чтобы у этого таймера автоматически изменялись названия "Дней", "Часов", "Минут", "Секунд" в зависимости от значения, например, "1 День 3 Часа 2 Минуты 3 Секунды"?

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

    • 31.08.2014 13:52

      Александр Пауков, Было бы неплохо!)