Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

Определения функций Функциональные параметры Функция Призвание Функция Затворы

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

JavaScript Объекты HTML DOM Объекты


 

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


1
2
3
4
5
6
7
8
9
10
11
12

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() метод:

пример

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

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

<button onclick="clearTimeout(myVar)">Stop it</button>
Попробуй сам "

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>
Попробуй сам "

Примеры

Еще примеры

Другой простой выбор времени

Часы , созданные с событием синхронизации