+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Обратный отсчет, таймер обратного отсчета JavaScript

Обратный отсчет — это таймер на странице вашего сайта, по истечении времени таймера обычно что-то происходит. Чаще всего такое встречается на сайтах с бесплатной загрузкой файлов, ждете определенное время, а потом начинается загрузка. Итак, делаем, сначала пишем скрипт.
<script language="JavaScript" type="text/javascript">
<!--
// выставляем секунды
var sec=05;
// выставляем минуты
var min=00;

function refresh()
{
sec--;
if(sec==-01){sec=59; min=min-1;}
else{min=min;}
if(sec<=9){sec="0" + sec;}
time=(min<=9 ? "0" + min : min) + ":" + sec;
if(document.getElementById){timer.innerHTML=time;}
inter=setTimeout("refresh()", 1000);
// действие, если таймер 00:00
// в данном случае переход на страницу http://www.net-f.ru/
if(min=='00' && sec=='00'){sec="00"; clearInterval(inter); window.location='http://www.net-f.ru/';}
}
//-->
</script>

Поясняем, в нашем примере таймер равен 00:05 секундам.
По истечении этого времени скрипт перебросит наc на адрес http://www.net-f.ru/, строка
if(min=='00' && sec=='00'){sec="00"; window.location='http://www.net-f.ru/';}

И теперь HTML код.
Чтобы таймер появился, необходимо элементу придать идентификатор timer и добавить условие в тег <BODY>
<body OnLoad="refresh();">
<span id="timer"></span>
Всё, таймер готов.

Демонстрация

Если Вам не нужно отображение минут замените строку
time=(min<=9 ? "0" + min : min) + ":" + sec;
на
time=sec;


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 21508