JavaScript nudi unaprijed definirani ' clearTimeout ()” metoda koja upravlja funkcijom vremenskog ograničenja. Korisnicima omogućuje poništavanje vremenskog intervala koji je prethodno uspostavljen pomoću ' setTimeout ()” funkcija. Zaustavlja izvođenje bloka koda koji se ponavlja nakon određenog vremenskog intervala. Uglavnom se koristi za bankarstvo i web stranice za e-trgovinu za otkazivanje zakazanih zadataka.
Ovaj post će objasniti kako rukovati funkcijom JavaScript clearTimeout().
Kako rukovati JavaScript funkcijom “clearTimeout()”?
' clearTimeout ()” poništava vremenski interval koji je prethodno postavljen uz pomoć “ setTimeout ()” funkcija. ' setTimeout ()” funkcija postavlja vremenski interval za ponavljanje određenog zadatka unutar njega.
Sintaksa
Rad ' clearTimeout ()” metoda ovisi o njenoj osnovnoj sintaksi koja je napisana u nastavku:
clearTimeout ( id_of_settimeout )
Prema gornjoj sintaksi, ' clearTimeout ()” zauzima “ iskaznica ' od ' setTimeout ()” i zaustavlja vremenski interval. Ako korisnik ne proslijedi ID, onda ne radi ništa.
Implementirajmo gore definiranu funkciju korištenjem njezine osnovne sintakse.
Primjer 1: Primjena funkcije “clearTimeout()” za zaustavljanje postavljenog vremenskog intervala
Prvi primjer primjenjuje ' clearTimeout ()” za zaustavljanje postavljenog vremenskog intervala.
Prvo pogledajte sljedeći HTML kod:
< centar >< str > Pričekajte 2 sekunde, stranica će prikazati naslov. < / str >
< h2 iskaznica = 'H2' >< / h2 >
< dugme na klik = 'Stop()' > Zaustavite ovrhu! < / dugme >
< / centar >
U gornjim linijama koda:
- Znak “< centar >” tag postavlja poravnanje zadanih HTML elemenata na središte web stranice.
- Znak “< str >” oznaka navodi naredbu odlomka.
- Znak “< h2 >” oznaka je prazan element naslova s ID-om “ H2 ”.
- Znak “< dugme >' umeće element gumba koji poziva ' Stop ()' funkcija kada je priključena ' na klik ” pokrenut je događaj.
Zatim primijenite ' clearTimeout ()” pomoću navedenog bloka koda:
< skripta >konst Postavi vrijeme = setTimeout ( početak , 2000. godine ) ;
funkcija početak ( ) {
dokument. getElementById ( 'H2' ) . unutarnjiHTML = 'Dobro došli u Linuxhint!'
}
funkcija Stop ( ) {
clearTimeout ( Postavi vrijeme ) ;
}
skripta >
U gornjem isječku koda:
- ' Postavi vrijeme ” varijabla primjenjuje “ setTimeout ()' funkcija koja prolazi ' početak ” funkcija kao njegov prvi parametar i navedeni “ nema milisekundi ” kao drugi parametar. Ova funkcija izvršava ' početak ” funkcioniraju u određenom vremenskom intervalu.
- Zatim definirajte ' početak ()” funkcija.
- U ovoj funkciji, ' document.getElementById ()' metoda se primjenjuje za pristup praznom elementu naslova čiji je ID ' H2 ” i dodajte mu zadanu tekstualnu izjavu.
- Nakon toga, ' Stop ()' definirana je funkcija koja primjenjuje ' clearTimeout ()' metoda koja prosljeđuje ID od ' setTimeout ()” za zaustavljanje njegovog vremenskog intervala.
Izlaz (prije zaustavljanja izvršenja)
Sada izlaz prikazuje element naslova u određenom vremenskom intervalu prije zaustavljanja vremenskog intervala postavljenog putem ' setTimeout ()” metoda.
Izlaz (nakon zaustavljanja izvršenja)
Zadani klik na gumb zaustavlja vremenski interval koji je postavljen za prikaz elementa naslova.
Primjer 2: Primjena funkcije “clearTimeout()” za zaustavljanje funkcije
Ovaj primjer koristi ' clearTimeout ()” za zaustavljanje izvršavanja funkcije:
Prvo prođite kroz ponuđeni HTML kod:
< centar >< dugme na klik = 'početak()' > Počnite brojati! < / dugme >
< ulazni tip = 'tekst' iskaznica = 'polje' >
< dugme na klik = 'Stop()' > Prestani brojati! < / dugme >
< / centar >
U gornjem bloku koda:
- Znak “< dugme >' oznaka prilaže ' na klik ” za pozivanje funkcije “start()” kada se na nju klikne.
- Znak “< ulazni >” dodaje polje za unos tipa “ tekst ” i ID „polje”.
- Sljedeći “< dugme >” također prilaže “ na klik ' događaj za poziv ' Stop ()” kada se aktivira ovaj događaj.
Sada primijenite ' clearTimeout ()' pomoću ovih linija koda:
< skripta >pusti kontru = 0 ;
neka setTime ;
neka timer_on = 0 ;
funkcija računati ( ) {
dokument. getElementById ( 'polje' ) . vrijednost = brojač ;
brojač ++;
Postavi vrijeme = setTimeout ( računati , 1000 ) ;
}
funkcija početak ( ) {
ako ( ! timer_on ) {
timer_on = 1 ;
računati ( ) ;
}
}
funkcija Stop ( ) {
clearTimeout ( Postavi vrijeme ) ;
timer_on = 0 ;
}
skripta >
U gornjim redcima koda:
- Prvo, ' neka ” ključna riječ deklarira tri varijable “ counter”, “setTime” i “timer_on ”.
- Zatim, ' računati ()” funkcija je definirana.
- U svojim definicijama, ' document.getElementById() ” metoda se primjenjuje za pristup dodanom polju za unos koristeći njegov ID “ polje ' i dodajte mu vrijednost ' brojač ” varijabla.
- Sada povećajte vrijednost ' brojač ” varijabla.
- Na kraju primijenite ' setTimeout ()' metoda za izvođenje ' računati ()” funkcija u zadanom vremenskom intervalu.
- Nakon toga definirajte funkciju pod nazivom ' početak ()”.
- U ovoj funkciji, ' ako ” koristi se izjava koja specificira uvjet tj. ako je imer_on ' nije ' na ” tada je jednako “ 1 ' i ' računati ()” poziva se funkcija.
- Sada je definirana još jedna funkcija pod nazivom ' Stop ()”.
- U svojoj definiciji, ' clearTimeout ()' metoda se primjenjuje prosljeđivanjem ID-a ' setTimeout ()' metoda tj. ' Postavi vrijeme ”.
Izlaz
Može se primijetiti da je ' Početak brojanja ” gumb pokreće brojanje koje se povećava nakon svake 1 sekunde. Ovo brojanje se zaustavlja klikom na ' Prestani brojati! ' dugme.
To je sve o rukovanju funkcijom clearTimeout() u JavaScriptu.
Zaključak
' clearTimeout ()' obrađuje vremenski interval naveden uz pomoć ' setTimeout ()” funkcija. Obavlja ovaj zadatak prosljeđivanjem id-a “setTimeout()” funkcija kao njegov bitan parametar. Koristi se za otkazivanje zadataka obavljenih u određenom vremenskom intervalu koji je postavljen pomoću “ setTimeout ()” funkcija. Ovaj post je praktično objasnio postupak rukovanja funkcijom JavaScript clearTimeout().