«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих


Здесь будут рассмотрены методы setTimeout, setInterval и clearInterval, которые предназначены для отсроченного выполнения какого-либо кода.

В JavaScript нередко используется интервал времени для задержки исполнении кода.



setTimeout - Однократное выполнение кода

Метод setTimeout предназначен для однократного выполнения кода через заданный промежуток времени.

Интервал времени указывается в миллисекундах.

setTimeout(код, время)

Фрагмент кода

<script type="text/javascript">

setTimeout("alert('Test');",3000)

</script>

Результат

Метод setTimeout вернул выполнение кода через указанный промежуток времени - 3000 миллиСекунд (это 3 секунды).

Но удобнее javascript-код поместить в функцию, которую затем указать в качестве первого параметра метода setTimeout.

Фрагмент кода

<script type="text/javascript">

function time()
{
alert("Test");
}

setTimeout(time,3000) /* Функция и время */

</script>

Результат

Результат тот же, что и в предыдущем примере.

setInterval - Многократное выполнение кода

Метод setInterval предназначен для многократного выполнения кода через указанный интервал времени.

Метод setInterval возвращает идентификатор, по которому можно отменить выполнение кода (об этом далее).

Фрагмент кода

<script type="text/javascript">

function time()
{
alert("Нажмите ОК и подождите еще 7 секунд");
}

setInterval (time,7000);

</script>

Результат

Как видно из примера - одно и то же действие (всплывающее окно) повторяется через интервал в 7 секунд. И так до бесконечности. Как прервать это действие - читайте далее.

clearInterval - Прерывает запланированное выполнение кода

С помощью метода clearInterval можно прервать запланированное методом setInterval выполнение кода.

Для этого воспользуемся идентификатором, возвращаемым методом setInterval (идентификатор при этом помещают в произвольную переменную).

Фрагмент кода

<script type="text/javascript">

function time()
{
alert("Нажмите ОК и подождите еще 7 секунд");
}

var idInt = setInterval (time,7000); /* Помещаем Идентификатор, возвращаемый методом setInterval в переменную idInt */

clearInterval(idInt); /* переменную idInt указываем в качестве параметра метода clearInterval */

</script>

Результат

Итак, еще раз повторим, что мы делаем в этом примере:

  • Метод setInterval возвращает идентификатор, который мы помещаем в произвольную переменную idInt.

  • Переменную idInt используем в любом месте программы в качестве параметра метода clearInterval для прерывания многократного действия, совершаемого методом setInterval.

Наглядно работа метода clearInterval в JavaScript будет продемонстрирована в домашнем задании по данной теме.

Отзывы и комментарии:

Добавил(а): Петр
Дата: 2019-02-23

Пока хорошо идут уроки

Добавил: Admin
Дата: 2019-02-23

Хорошо. Спасибо за отзыв

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Еще об объектах
Последние заметки
Популярные заметки