Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Ретро газета в подарок
Архив

Метод window.setTimeout()

Метод window.setTimeout() позволяет порождать потоки вычислений через определенные интервалы ремени.


Звучит несколько непонятно?

Не переживайте, в этом уроке мы подробно разберем данный метод, который является очень мощным JavaScript инструментом.

window.setTimeout() - порождаем потоки вычислений.

Метод window.setTimeout() является одним из наиболее мощных и полезных методов во всем JavaScript.

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

 

a = setTimeout("поток_кода",время);

 

Не стоит переживать, если вам пока непонятен данный метод. Далее все встанет на сои места.

 

Давайте теперь рассмотрим пример, который поможет нам лучше понять принцип работы метода window.SetTimeOut():

 

 

<script>
var mark=0;
var circle;
function time()
{
if(mark==1)
{
d = new Date();
window.document.c.f.value = d.getHours()+":"+d.getMinutes()+
":"+d.getSeconds();
}
circle=setTimeout("time();",500);
}
function marks()
{
if(mark==0)
mark=1;
else mark=0;
}
</script>
<FORM NAME=c>
Текущее время:
<INPUT NAME=f size=8>
<INPUT TYPE=button VALUE="старт/стоп" onClick="marks();time();">
</FORM>
Текущее время:




Итак, рассмотрим нашу программу более подробно:

 

Программа состоит из 2х функций, одна из которых ( time() ) порождает потоки времени, другая ( marks() ) отвечает за отображение времени на экране.

Функция time() проверяет значение переменной mark (значение которой, в свою очередь, может изменять функция marks() ) на равенство 1. Если она равна 1, то порождается поток времени при помощи функции date(). Но не важно, равна переменная mark 1 или не равна, в любом случае функция time() вызывает метод window.SetTimeOut() с параметрами:

 

setTimeout("time();",500);

 

Тоесть функция порождает себя заново с интервалом 500 мс, что позволяет ей всегда держать внутри переменной d свежее значение времени.

 

Функция marks() является простейшей функцией, единственной задачей которой является изменение значения переменной mark с 0 на 1 и наоборот при каждом вызове.

 

Далее мы создаем простую форму, состоящую из текстового поля и кнопки, содержащей обработчик события OnClick:

 

onClick="marks();time();"

 

Таким образом, нажимая на кнопку мы первым делом вызываем функцию marks(), которая изменяет значение mark, а за тем в бой идет основная функция – time(), которая и отвечает за вывод времени.

Нажав на кнопку повторно мы опять изменим значение mark, что повлияет на выполнение условия if внутри функции time(), показав или убрав время с экрана.

 

назад
далее
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам