JavaScript Временные события
1
2
3
4
5
6
7
8
9
10
11
12
|
JavaScript может быть выполнен в промежутках времени. Это называется событиями времени. |
Временные события
Объект Window позволяет выполнять код в заданные промежутки времени.
Эти временные интервалы называются событиями времени.
Два ключевых метода для использования с JavaScript:
- setTimeout(function, milliseconds)
Executes a function, after waiting a specified number of milliseconds. - setInterval(function, milliseconds)
Same as setTimeout(), but repeats the execution of the function continuously.
SetTimeout () и setInterval () — оба метода объекта окна HTML DOM.
Метод 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 ():
Пример
Тот же пример, что и выше, но с добавленной кнопкой "Stop":
<button onclick="myVar = setTimeout(myFunction, 3000)">Try it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
Метод setInterval ()
Метод setInterval () повторяет заданную функцию на каждом заданном интервале времени.
window.setInterval(function, milliseconds);
Метод Window. setInterval () можно записать без префикса окна.
Первым параметром является выполняемая функция.
Второй параметр указывает длину интервала времени между каждым выполнением.
В этом примере выполняется функция, называемая "митимер" раз в секунду (например, цифровые часы).
Пример
Отображение текущего времени:
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>