Cкрипт обратного отсчёта

ГлавнаяJava скрипты → Обратный отсчёт

Cкрипт обратного отсчёта применяется на сайте для показа посетителям той или иной информации, которая имеет определённый срок действия. Это может быть напимер, подписка на бесплатные материалы, акции по продажам товаров с большими скидками и т.д., где клиенту будет показан красивый обратный отсчёт времени, до которого можно будет воспользоваться данной услугой.

Мы с вами рассмотрим простой скрипт обратного отсчёта, в котором задействованы: один стилевой файл, ява скрипт и папка с картинками.

Пример работы - скрипта обратного отсчёта


Новый 2017 год!
(До начала праздника осталось всего:)



Для изменения даты отсчёта времени вам просто нужно в скрипте jquery-04.3.1.js в самой первой строке заменить цифры на свои:


year = 2014; month = 11; day = 10; hour= 23; minute= 59; sec= 59;

  • year - это текущий год;
  • month - это порядковый номер текущего месяца;
  • day - необходимый день, до которого и будет осуществляться отсчёт времени.

Для правильной работы скрипта обратного отсчёта на вашем сайте, вам нужно прописать код перед закрывающемся тегом </head>:
<link rel="stylesheet" href="css/style4.css" />

Перед закрывающемся тегом </body> прописать следующий код:
<script type="text/javascript" src="js/jquery-04.3.1.js"></script>

Для отображения на странице вашего сайта обратного отсчёта времени, пропишите код в нужное вам место:


<center>
<div id="countbox"></div>
</center>

И ещё одно изменение, которое вам необходимо сделать - это в стилевом файле style4.css. Откройте его в текстовом редакторе и замените везде
http://ваш-сайт.ru/... на адрес вашего сайта.

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

Скачать скрипт обратного отсчёта

Поделись ссылкой с друзьями:

Комментарии к статье