Таймеры - важный аспект любого языка программирования. Как известно, время - деньги. Итак, в этой статье мы увидим, как реализовать и работать с таймерами в JavaScript:
Работа с таймерами в JavaScript
Таймер - это функция, которая позволяет нам выполнять функцию в определенное время.Используя таймеры, вы можете отложить выполнение кода, чтобы оно не было выполнено в тот момент, когда событие запускается или страница загружается. Например, вы можете использовать таймеры для регулярной смены рекламных баннеров на своем веб-сайте или отображения часов реального времени и т. Д.
В JavaScript есть функция таймера:setTimeout ()
В следующем разделе будет показано, как создавать таймеры для задержки кода.выполнение, а также как многократно выполнять одно или несколько действий с помощью этой функции в JavaScript.
Метод окна setTimeout ()
Определение и использование:
Метод setTimeout () вызывает функцию или оценивает выражение через указанное количество миллисекунд.
ПОДСКАЗКА:
- 1000 мс = 1 секунда.
- Функция выполняется только один раз. Если вам нужно повторить выполнение, используйте
setInterval ()
метод. - Использовать
clearTimeout ()
метод предотвращения запуска функции.
Эта функция принимает два параметра: a функция , которая является функцией, которую необходимо выполнить, и необязательный задержка параметр, который представляет собой количество миллисекунд, представляющее время ожидания перед выполнением функции (1 секунда = 1000 миллисекунд).
Возвращаемое значение: Он возвращает число, представляющее значение идентификатора установленного таймера.
Код: Таймеры в JavaScript
Вот код для таймеров в JavaScript, который устанавливает таймер на 2 минуты, и когда время увеличивается, предупреждение страницы «увеличивается». ВsetTimeout ()
Метод вызывает функцию или оценивает выражение через указанное количество миллисекунд.
// устанавливаем минуты
var mins = 2
// вычисляем секунды
var secs = mins * 60
// функция обратного отсчета вызывается при загрузке страницы
function countdown () {
setTimeout ('Декремент ()', 60)
}
что такое dax в power bi
// Функция уменьшения уменьшает значение.
function Decrement () {
if (document.getElementById) {
minutes = document.getElementById ('минуты')
секунды = document.getElementById ('секунды')
// если осталось меньше минуты
// Отображаем только значение секунд.
если (секунды<59) {
seconds.value = secs
}
// Отображаем минуты и секунды
// getminutes и getseconds используются для
// получаем минуты и секунды
else {
minutes.value = getminutes ()
секунды.value = getseconds ()
}
// когда осталось меньше минуты
// цвет минут и секунд
// меняется на красный
если (мин<1) {
minutes.style.color = 'красный'
seconds.style.color = 'красный'
}
// если секунды становятся равными нулю,
// затем время оповещения страницы увеличивается
если (мин<0) {
предупреждение (время истекло)
minutes.value = 0
seconds.value = 0
}
// если секунды> 0, то секунды уменьшаются
else {
сухой-
setTimeout ('Декремент ()', 1000)
}
}
}
function getminutes () {
// минуты - секунды, разделенные на 60, округленные в меньшую сторону
mins = Math.floor (секунд / 60)
вернуться минут
}
function getseconds () {
// считать оставшиеся минуты (как секунды)
// от общего количества оставшихся секунд
возвратные секунды - Математический круг (мин * 60)
}
Осталось времени ::
:
Когда остается меньше минуты, цвет таймера меняется на красный.
На этом мы подошли к концу статьи «Таймеры в JavaScript». C черт возьми от Edureka, надежной компании по онлайн-обучению с сетью из более чем 250 000 довольных учащихся по всему миру.
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев к этой инъекции зависимостей в AngularJs, и мы свяжемся с вами.