Далее на странице...
Здесь будут рассмотрены методы 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
Пока хорошо идут уроки