JavaScript предлагает заранее определенные « ClearTimeout ()», который управляет функцией тайм-аута. Это позволяет пользователям отменить временной интервал, ранее установленный « setTimeout ()». Он останавливает выполнение блока кода, который повторяется через определенный интервал времени. В основном он используется на веб-сайтах банков и электронной коммерции для отмены запланированных задач.
В этом посте объясняется, как обрабатывать функцию JavaScriptclearTimeout().
Как обрабатывать функцию JavaScript «clearTimeout()»?
« ClearTimeout ()» отменяет временной интервал, установленный ранее с помощью кнопки « setTimeout ()». « setTimeout ()» устанавливает временной интервал для повторного выполнения определенной задачи в пределах него.
Синтаксис
Работа « ClearTimeout ()» зависит от его основного синтаксиса, который написан ниже:
ClearTimeout ( id_of_settimeout )
Согласно приведенному выше синтаксису, « ClearTimeout ()» принимает « идентификатор ' принадлежащий ' setTimeout ()» и останавливает временной интервал. Если пользователь не передает идентификатор, он ничего не выполняет.
Давайте реализуем определенную выше функцию, используя ее базовый синтаксис.
Пример 1. Применение функции «clearTimeout()» для остановки установленного интервала времени
В первом примере применяется « ClearTimeout ()” для остановки заданного интервала времени.
Сначала посмотрите на следующий HTML-код:
< центр >< п > Подождите 2 секунды, на странице отобразится заголовок. < / п >
< ч2 идентификатор '=' 'Н2' >< / ч2 >
< кнопка по щелчку '=' 'останавливаться()' > Остановите казнь! < / кнопка >
< / центр >
В приведенных выше строках кода:
- «< центр >» устанавливает выравнивание данных HTML-элементов по центру веб-страницы.
- «< п >» указывает оператор абзаца.
- «< ч2 Тег >» представляет собой пустой элемент заголовка с идентификатором « Н2 ».
- «< кнопка >» вставляет элемент кнопки, который вызывает « останавливаться ()» функция, когда она прикреплена « по щелчку событие срабатывает.
Далее примените « ClearTimeout ()» с использованием указанного блока кода:
< сценарий >константа установить время '=' setTimeout ( начинать , 2000 г. ) ;
функция начинать ( ) {
документ. getElementById ( 'Н2' ) . внутреннийHTML '=' «Добро пожаловать в Linuxhint!»
}
функция останавливаться ( ) {
ClearTimeout ( установить время ) ;
}
сценарий >
В приведенном выше фрагменте кода:
- « установить время Переменная ” применяет “ setTimeout ()», которая передает « начинать ” в качестве первого параметра и указанный “ количество миллисекунд »в качестве второго параметра. Эта функция выполняет « начинать ” функционируют в указанном интервале времени.
- Далее определите « начинать ()».
- В этой функции « документ.getElementById ()» применяется для доступа к пустому элементу заголовка с идентификатором « Н2 » и добавьте к нему заданный текстовый оператор.
- После этого « останавливаться ()» определена функция, которая применяет « ClearTimeout ()» метод, передающий идентификатор « setTimeout ()” для остановки временного интервала.
Вывод (до остановки выполнения)
Теперь вывод показывает элемент заголовка в указанном интервале времени, прежде чем остановить интервал времени, установленный с помощью « setTimeout ()».
Вывод (после остановки выполнения)
Нажатие данной кнопки останавливает заданный интервал времени для отображения элемента заголовка.
Пример 2. Применение функции «clearTimeout()» для остановки функции
В этом примере используется « ClearTimeout ()” для остановки выполнения функции:
Сначала просмотрите предоставленный HTML-код:
< центр >< кнопка по щелчку '=' 'начинать()' > Начни считать! < / кнопка >
< вход тип '=' 'текст' идентификатор '=' 'поле' >
< кнопка по щелчку '=' 'останавливаться()' > Хватит считать! < / кнопка >
< / центр >
В приведенном выше блоке кода:
- «< кнопка >» тег добавляет « по щелчку ” событие для вызова функции “start()” при нажатии на него.
- «< вход >» добавляет поле ввода типа « текст » и идентификатор «поле».
- Следующий «< кнопка >» также добавляет « по щелчку ” событие для вызова “ останавливаться ()» при возникновении этого события.
Теперь примените « ClearTimeout ()», используя следующие строки кода:
< сценарий >пусть противостоит '=' 0 ;
пусть setTime ;
пусть timer_on '=' 0 ;
функция считать ( ) {
документ. getElementById ( 'поле' ) . ценить '=' прилавок ;
прилавок ++;
установить время '=' setTimeout ( считать , 1000 ) ;
}
функция начинать ( ) {
если ( ! Таймер включен ) {
Таймер включен '=' 1 ;
считать ( ) ;
}
}
функция останавливаться ( ) {
ClearTimeout ( установить время ) ;
Таймер включен '=' 0 ;
}
сценарий >
В приведенных выше строках кода:
- Во-первых, « позволять Ключевое слово ” объявляет три переменные “ счетчик», «setTime» и «timer_on ».
- Далее « считать ()» определена функция.
- В его определениях « документ.getElementById() ” метод применяется для доступа к добавленному полю ввода по его идентификатору “ поле » и добавьте к нему значение « прилавок ' переменная.
- Теперь увеличьте значение параметра « прилавок ' переменная.
- Наконец, примените « setTimeout ()» для выполнения « считать ()» функционируют в заданном интервале времени.
- После этого определите функцию с именем « начинать ()».
- В этой функции « если используется оператор, который определяет условие, т.е. если « imer_on ' не является ' на », то оно равно « 1 » и « считать ()» вызывается функция.
- Теперь определена еще одна функция с именем « останавливаться ()».
- В его определении « ClearTimeout ()» применяется метод передачи идентификатора « setTimeout ()» метод, т.е. « установить время ».
Выход
Можно заметить, что « Начало отсчета Кнопка «» запускает отсчет, который увеличивается каждые 1 секунду. Этот подсчет останавливается при нажатии на кнопку « Хватит считать! ' кнопка.
Это все, что касается обработки функцииclearTimeout() в JavaScript.
Заключение
« ClearTimeout ()» обрабатывает временной интервал, указанный с помощью « setTimeout ()». Он выполняет эту задачу, передавая идентификатор «установитьТаймаут()» функционировать как его существенный параметр. Используется для отмены задач, выполненных в указанный интервал времени, который задается с помощью параметра « setTimeout ()». В этом посте практически объяснена процедура обработки функции JavaScriptclearTimeout().