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

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

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

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

Инструкция

  • Чтобы установить такой таймер на вашем сайте сначала скачайте скрипт таймера обратного отсчета. Затем настройте в нем два параметра: дату отсчета и соответствующую надпись, которая будет показана при наступлении этой даты.
  • Открыв скачанный архив, вы обнаружите 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»>.

  • Первая строка отвечает за команду о выводе таймера. Вторая – за подключение созданного скрипта.
  • Проверьте работу вашего таймера. Если все сделано верно, то вы увидите обратный отсчет в нужном месте страницы вашего сайта.
  • Оцените статью!