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

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

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

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

Инструкция

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

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

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

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

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

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

Далее в удобном месте для размещения таймера, в коде вашей страницы, поместите 2 строки:

DIV align= «center» ID= «countdown»>.

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

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

Оцените статью!