Časovače sú dôležitým aspektom každého programovacieho jazyka. Ako vieme, čas sú peniaze. V tomto článku teda uvidíme, ako implementovať a pracovať s časovačmi v JavaScripte:
Práca s časovačmi v JavaScripte
Časovač je funkcia, ktorá nám umožňuje vykonávať funkciu v konkrétnom čase.Pomocou časovačov môžete oddialiť spustenie kódu, aby sa tak nestalo v presnom okamihu, keď dôjde k udalosti alebo načíta sa stránka. Pomocou časovačov môžete napríklad meniť reklamné bannery na svojich webových stránkach v pravidelných intervaloch alebo zobrazovať hodiny v reálnom čase atď.
V JavaScripte je funkcia časovača:setTimeout ()
V nasledujúcej časti sa dozviete, ako vytvoriť časovače na oneskorenie kóduvykonanie, ako aj to, ako vykonávať jednu alebo viac akcií opakovane pomocou funkcie theis v JavaScripte.
Metóda window setTimeout ()
Definícia a použitie:
Metóda setTimeout () volá funkciu alebo vyhodnotí výraz po zadanom počte milisekúnd.
TIP:
- 1 000 ms = 1 sekunda.
- Funkcia sa vykoná iba raz. Ak potrebujete vykonanie zopakovať, použite
setInterval ()
metóda. - Použi
clearTimeout ()
metóda, ktorá zabráni spusteniu funkcie.
Táto funkcia akceptuje dva parametre: a funkcie , čo je funkcia, ktorá sa má vykonať, a voliteľné meškanie parameter, čo je počet milisekúnd predstavujúci čas čakajúci pred vykonaním funkcie (1 sekunda = 1 000 milisekúnd).
Návratová hodnota: Vráti číslo predstavujúce hodnotu ID nastaveného časovača.
Kód: Časovače v JavaScripte
Tu je kód pre časovače v JavaScripte, ktorý nastavuje časovač na 2 minúty a po uplynutí času sa upozornenie stránky „zvýši“. ThesetTimeout ()
metóda zavolá funkciu alebo vyhodnotí výraz po zadanom počte milisekúnd.
// nastavenie minút
var mins = 2
// vypočítaj sekundy
var s = min * 60
// funkcia odpočítavania je vyvolaná pri načítaní stránky
odpočítavanie funkcií () {
ako previesť na binárne v pythone -
setTimeout ('Decrement ()', 60)
}
// Funkcia Decrement zmenší hodnotu.
dekrement funkcie () {
if (document.getElementById) {
minutes = document.getElementById ('minutes')
seconds = document.getElementById ('seconds')
// ak zostáva menej ako minúta
// Zobraziť iba sekundovú hodnotu.
ak (sekundy<59) {
sekunda.hodnota = sek
}
// Zobrazenie minút aj sekúnd
// getminutes a getseconds je zvyknutý
// získať minúty a sekundy
else {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// keď zostáva menej ako minúta
// farba minút a sekúnd
// zmení sa na červenú
ak (min<1) {
minutes.style.color = 'červená'
seconds.style.color = 'červená'
}
// ak sa sekunda stane nulou,
// potom doba upozornenia stránky vypršala
ak (min<0) {
výstraha („čas vypršal“)
minutes.value = 0
sekunda.hodnota = 0
}
má vs je java
// ak sekundy> 0, potom sa sekundy znížia
else {
suchý--
setTimeout ('Decrement ()', 1 000)
}
}
}
funkcia getminutes () {
// minúty sú sekundy vydelené 60, zaokrúhlené nadol
min = matematická podlaha (s / 60)
návrat min
}
funkcia getseconds () {
// trvať zostávajúce minúty (ako sekundy)
// z celkového počtu zostávajúcich sekúnd
spiatočné sekundy - matematický okruh (min * 60)
}
Zostávajúci čas ::
:
Ak zostáva menej ako minúta, farba časovača sa zmení na červenú.
Týmto sa dostávame na koniec tohto článku o časovačoch v JavaScripte. C. sakra autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete.
Máte na nás otázku? Uveďte to prosím v sekcii komentárov v tejto Injekcii závislostí v AngularJs a my sa vám ozveme.