JavaScript Сроки События

❮ Предыдущая Следующая Глава ❯

JavaScript может быть выполнен во временных интервалах.

Это называется события синхронизации.

Сроки События

Объект окна позволяет выполнение кода через определенные промежутки времени.

Эти временные интервалы называются события синхронизации.

Два основных метода для использования с JavaScript являются:

setTimeout( function, milliseconds )
Выполняет функцию, после ожидания заданное число миллисекунд.
setInterval( function, milliseconds )
То же самое , как setTimeout() , но повторяет выполнение функции непрерывно.

setTimeout() и setInterval() являются оба метода объекта HTML DOM Window.

setTimeout() Метод

window.setTimeout(function, milliseconds);

window.setTimeout() метод может быть записан без префикса окна.

Первый параметр является функцией, которая будет выполнена.

Второй параметр указывает количество миллисекунд перед выполнением.

пример

Нажмите на кнопку. Подождите 3 секунды, и страница будет предупреждать "Hello":

<button onclick="setTimeout(myFunction, 3000)">Try it</button>

<script>
function myFunction() {
alert('Hello');
}
</script>

Попробуй сам "

Как остановить выполнение?

clearTimeout() метод останавливает выполнение функции , указанной в setTimeout() .

window.clearTimeout( timeoutVariable )

window.clearTimeout() метод может быть записан без префикса окна.

clearTimeout() метод использует переменную вернулся из setTimeout() :

myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

Если функция еще не была выполнена, вы можете остановить выполнение путем вызова clearTimeout() метод:

пример

Тот же пример, что и выше, но с добавлена кнопка "Стоп":

Попробуй сам "

setInterval() Метод

setInterval() метод повторяет заданную функцию при каждом заданном интервале времени.

window.setInterval(function, milliseconds);

window.setInterval() метод может быть записан без префикса окна.

Первым параметром является функция, которая будет выполнена.

Второй параметр указывает длину интервала времени между каждым выполнением.

Этот пример выполняет функцию под названием "myTimer" один раз в секунду (как цифровые часы).

пример

Отображение текущего времени:

var myVar = setInterval(myTimer, 1000);

function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}

Попробуй сам "

Есть 1000 миллисекунд в одну секунду.

Как остановить выполнение?

clearInterval() метод останавливает расстрелы функции , указанной в setInterval() метод.

window.clearInterval( timerVariable )

window.clearInterval( ) метод может быть записан без префикса окна.

clearInterval() метод использует переменную вернувшегося из setInterval() :

myVar = setInterval(function, milliseconds);
clearInterval(myVar);

пример

Тот же пример, что и выше, но мы добавили кнопку "Стоп" время:

<p id="demo"></p>

<button onclick="clearInterval(myVar)">Stop time</button>

<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

Попробуй сам "