Как сделать таймер

Как сделать таймер
На многих сайтах можно увидеть таймер с обратным отсчетом до наступления какого-то определенного события. Это может быть время окончания действия скидок или время, оставшееся до Нового года. Такие таймеры – отличный рекламный ход, стимулирующий активность покупателей/поставщиков, а также неплохое интерактивное разнообразие для сайта.

Вам понадобится

- скрипт таймера обратного отсчета.

1

Чтобы установить такой таймер на вашем сайте сначала скачайте скрипт таймера обратного отсчета. Затем настройте в нем два параметра: дату отсчета и соответствующую надпись, которая будет показана при наступлении этой даты.

2

Открыв скачанный архив, вы обнаружите 2 файла: один содержит скрипт countdown.js, а другой служит примером страницы, к которой и будет подключен этот скрипт - index.html. Сначала извлеките файлы из архива.

3

Используйте «Блокнот» для редактирования файла-скрипта. Для того чтобы открыть указанный файл в «Блокноте», правой кнопкой мышки кликните по нему. В появившемся меню выберете пункт «Открыть», затем выберите «с помощью – Блокнот».

4

Отредактируйте первую строку, находящуюся в самом начале файла: var eventstr = «C новым годом!». Эта надпись будет выведена по окончании отсчета. Вторая строка с датой отсчета расположена в конце файла и выглядит следующим образом: CountDowndmn(2011,1,1) в формате год, месяц, день.

5

Отредактируйте фрагмент скрипта, который также находится в конце файла, немного выше даты отсчета: countdownid.innerHTML= «До Нового года осталось:» "+dday+ " " +ddaystr+", "+dhour+" "+dhourstr+", "+dmin+" "+dminstr+" и "+dsec+" "+dsecstr.

6

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

7

Далее в удобном месте для размещения таймера, в коде вашей страницы, поместите 2 строки:
DIV align= «center» ID= «countdown»>.

8

Первая строка отвечает за команду о выводе таймера. Вторая – за подключение созданного скрипта.

9

Проверьте работу вашего таймера. Если все сделано верно, то вы увидите обратный отсчет в нужном месте страницы вашего сайта.

Как сделать таймер - Версия для печати