Блог Веб-разработчика.

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

 Сам скрипт довольно прост:

        // значение начальной секунды
        var second=15;
        function tiktak()
        {
          if(second<=9){second="0" + second;}
          if(document.getElementById){timer.innerHTML=second;}
          if(second==00){return false;}
          second--;
          setTimeout("tiktak()", 1000);
        }
 

В первой строке задается начальное значение секунд, от которого идет отсчет до нуля. Далее определяется функция «tiktak», которая с задержкой в одну секунду обращается к самой себе, вычитая из начального значения единицу, и записывая вновь полученное значение во внурь любого блока с id="timer", например так:

<span id="timer"></span>

И так до тех пор, пока значение времени в секундах не станет равно «00» - в этот момент исполнение скрипта останавливается.

Вызывать функцию «tiktak» можно различными способами: можно либо по клику, например так:

<a href="javascript:tiktak()">ссылка</a>

Или вот так:

<a href="#" onclick=" tiktak();" >ссылка</a>

Либо же, функцию можно вызвать при загрузке страницы или блока страницы, указав атрибут «onLoad»:

<body onLoad="tiktak();"></body>

Случай запуска скрипта при загрузке страницы может быть оформлен примерно следующим образом:

<body onLoad="tiktak();">
      <script language="JavaScript" type="text/javascript">
        // значение начальной секунды
        var second=15;
        function tiktak()
        {
          if(second<=9){second="0" + second;}
          if(document.getElementById){timer.innerHTML=second;}
          if(second==00){return false;}
          second--;
          setTimeout("tiktak()", 1000);
        }
</script>
<p>Вы будете перенаправлены через <span id="timer"></span> секунд.</p>
</body>
 

Если информация этой статьи будет интересна и полезна Вашему кругу друзей и знакомых, то Вы можете опубликовать ссылку - тогда им проще будет ее найти. Они Вам будут благодарны:).

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


Всеволод Чупрыгин © webengineer.pro 2014. Все права защищены.
Копирование материалов сайта разрешено только с указанием имени автора (Всеволод Чупрыгин) и прямой индексируемой ссылки на источник на сайте www.WebEngineer.pro.
ИП Чупрыгин Всеволод Андреевич, ИНН: 333410747832, ОГРН: 311333426300044
http://vkontakte.ru/chuprygin_va, Google +

.
Проверить аттестат
Мы принимаем Webmoney Мы принимаем практически все платежи через Robokassa Мы принимаем Яндекс.Деньги Мы принимаем платежи через QIWI. Мы принимаем платежи через привязанные к QIWI карты VISA/Mastercard.