ЈаваСцрипт нуди унапред дефинисано „ цлеарТимеоут ()” метод који управља функцијом тајм-аута. Омогућава корисницима да пониште временски интервал који је претходно успостављен „ сетТимеоут ()” функција. Зауставља извршавање кодног блока који се понавља након одређеног временског интервала. Углавном се користи за веб локације за банкарство и е-трговину за отказивање заказаних задатака.
Овај пост ће објаснити како да рукујете ЈаваСцрипт функцијом цлеарТимеоут().
Како руковати ЈаваСцрипт функцијом 'цлеарТимеоут()'?
„ цлеарТимеоут ()” функција поништава временски интервал који је раније подешен уз помоћ „ сетТимеоут ()” функција. „ сетТимеоут ()” функција поставља временски интервал за понављање одређеног задатка унутар њега.
Синтакса
Рад „ цлеарТимеоут ()” метода зависи од његове основне синтаксе која је написана у наставку:
цлеарТимеоут ( ид_оф_сеттимеоут )
Према горњој синтакси, „ цлеарТимеоут ()“ узима „ ид ' од ' сетТимеоут ()” и зауставља временски интервал. Ако корисник не проследи ИД, онда не ради ништа.
Хајде да имплементирамо горе дефинисану функцију користећи њену основну синтаксу.
Пример 1: Примена функције „цлеарТимеоут()“ за заустављање подешеног временског интервала
Први пример примењује „ цлеарТимеоут ()” функција за заустављање подешеног временског интервала.
Прво погледајте следећи ХТМЛ код:
< центар >< стр > Сачекајте 2 секунде, страница ће приказати наслов. < / стр >
< х2 ид = 'Х2' >< / х2 >
< дугме онцлицк = 'зауставити()' > Стоп Екецутион! < / дугме >
< / центар >
У горњим редовима кода:
- „< центар >” ознака поставља поравнање датих ХТМЛ елемената према центру веб странице.
- „< стр >” ознака специфицира наредбу пасуса.
- „< х2 >” ознака је празан елемент заглавља са ид-ом “ Х2 ”.
- „< дугме >“ ознака умеће елемент дугмета који позива „ зауставити ()” функција када је прикључена “ онцлицк ” се покреће догађај.
Затим примените „ цлеарТимеоут ()” функција користећи наведени блок кода:
< скрипта >конст одредити време = сетТимеоут ( почетак , 2000 ) ;
функција почетак ( ) {
документ. гетЕлементБиИд ( 'Х2' ) . иннерХТМЛ = „Добро дошли у Линукхинт!“
}
функција зауставити ( ) {
цлеарТимеоут ( одредити време ) ;
}
скрипта >
У горњем исечку кода:
- „ одредити време ” променљива примењује „ сетТимеоут ()“ функција која пропушта „ почетак ” функција као њен први параметар и наведена „ број милисекунди ” као други параметар. Ова функција извршава „ почетак ” функција у одређеном временском интервалу.
- Затим дефинишите „ почетак ()” функција.
- У овој функцији, „ доцумент.гетЕлементБиИд ()” метода се примењује за приступ празном елементу наслова чији је ИД „ Х2 ” и приложите је датом текстуалном наредбом.
- Након тога, „ зауставити ()” је дефинисана функција која примењује „ цлеарТимеоут ()“ метод који прослеђује ИД „ сетТимеоут ()” функција за заустављање његовог временског интервала.
Излаз (пре заустављања извршења)
Сада излаз приказује елемент наслова у одређеном временском интервалу пре заустављања временског интервала постављеног преко „ сетТимеоут ()” метод.
Излаз (након заустављања извршења)
Датим кликом на дугме зауставља се временски интервал који је подешен за приказ елемента наслова.
Пример 2: Примена функције „цлеарТимеоут()“ за заустављање функције
Овај пример користи „ цлеарТимеоут ()” функција за заустављање извршавања функције:
Прво прођите кроз дати ХТМЛ код:
< центар >< дугме онцлицк = 'почетак()' > Старт цоунт! < / дугме >
< улазни тип = 'текст' ид = 'поље' >
< дугме онцлицк = 'зауставити()' > Престани да бројиш! < / дугме >
< / центар >
У горњем блоку кода:
- „< дугме >” ознака прилаже “ онцлицк ” за позивање функције „старт()“ када се на њу кликне.
- „< улазни >” додаје поље за унос са типом “ текст ” и ид „поље”.
- Следећи „< дугме >“ такође прилаже „ онцлицк ” догађај који треба назвати „ зауставити ()” функција када се овај догађај покрене.
Сада примените „ цлеарТимеоут ()” користећи ове линије кода:
< скрипта >нека бројач = 0 ;
нека сетТиме ;
нека тимер_он = 0 ;
функција цоунт ( ) {
документ. гетЕлементБиИд ( 'поље' ) . вредност = бројач ;
бројач ++;
одредити време = сетТимеоут ( цоунт , 1000 ) ;
}
функција почетак ( ) {
ако ( ! тимер_он ) {
тимер_он = 1 ;
цоунт ( ) ;
}
}
функција зауставити ( ) {
цлеарТимеоут ( одредити време ) ;
тимер_он = 0 ;
}
скрипта >
У горњим редовима кода:
- Прво, „ дозволити ” кључна реч декларише три променљиве “ бројач“, „сетТиме“ и „тимер_он ”.
- Затим, „ цоунт ()” функција је дефинисана.
- У својим дефиницијама, „ доцумент.гетЕлементБиИд() ” метода се примењује за приступ додатом пољу за унос користећи његов ИД “ поље ” и додајте га вредношћу „ бројач ' променљива.
- Сада повећајте вредност „ бројач ' променљива.
- На крају, примените „ сетТимеоут ()” метод за извршење „ цоунт ()” функција у датом временском интервалу.
- Након тога, дефинишите функцију под називом „ почетак ()”.
- У овој функцији, „ ако ” се користи исказ који специфицира услов, тј. ако је „ имер_он ' није ' на ” онда је једнако „ 1 ” и „ цоунт ()” се позива функција.
- Сада је дефинисана друга функција под називом „ зауставити ()”.
- У својој дефиницији, „ цлеарТимеоут ()” метод се примењује преношењем ИД-а „ сетТимеоут ()” метод, тј. одредити време ”.
Излаз
Може се приметити да је „ Почетак бројања ” дугме покреће бројање које се повећава након сваке 1 секунде. Овај број се зауставља кликом на „ Престани да бројиш! ” дугме.
То је све о руковању функцијом цлеарТимеоут() у ЈаваСцрипт-у.
Закључак
„ цлеарТимеоут ()“ функција управља временским интервалом наведеним уз помоћ „ сетТимеоут ()” функција. Овај задатак обавља тако што проследи ид „сетТимеоут()“ функционише као његов суштински параметар. Користи се за отказивање задатака извршених у наведеном временском интервалу који је подешен помоћу „ сетТимеоут ()” функција. Овај пост је практично објаснио процедуру за руковање ЈаваСцрипт функцијом цлеарТимеоут().