Časovače jsou důležitým aspektem každého programovacího jazyka. Jak víme, čas jsou peníze. V tomto článku tedy uvidíme, jak implementovat a pracovat s časovači v JavaScriptu:
Práce s časovači v JavaScriptu
Časovač je funkce, která nám umožňuje provést funkci v určitém čase.Pomocí časovačů můžete zpozdit provádění kódu tak, aby nedocházelo k přesnému okamžiku spuštění události nebo načtení stránky. Pomocí časovačů můžete například v pravidelných intervalech měnit reklamní bannery na svém webu nebo zobrazit hodiny v reálném čase atd.
V JavaScriptu je funkce časovače:setTimeout ()
Následující část vám ukáže, jak vytvořit časovače pro zpoždění kóduprovádění a také jak opakovaně provádět jednu nebo více akcí pomocí této funkce v JavaScriptu.
Metoda okna setTimeout ()
Definice a použití:
Metoda setTimeout () volá funkci nebo vyhodnotí výraz po zadaném počtu milisekund.
SPROPITNÉ:
- 1000 ms = 1 sekunda.
- Funkce se provede pouze jednou. Pokud potřebujete opakovat spuštění, použijte
setInterval ()
metoda. - Použijte
clearTimeout ()
metoda, která zabrání spuštění funkce.
Tato funkce přijímá dva parametry: a funkce , což je funkce, která se má provést, a volitelná zpoždění parametr, což je počet milisekund představující dobu čekání před provedením funkce (1 sekunda = 1000 milisekund).
Návratová hodnota: Vrátí číslo představující hodnotu ID nastaveného časovače.
Kód: Časovače v JavaScriptu
Zde je kód pro časovače v JavaScriptu, který nastavuje časovač na 2 minuty a na dobu, kdy se upozornění na stránce „časově zvýší“. ThesetTimeout ()
metoda volá funkci nebo vyhodnotí výraz po zadaném počtu milisekund.
// nastavit minuty
var mins = 2
// vypočítat sekundy
var s = min * 60
// funkce odpočítávání je vyvolána při načtení stránky
odpočítávání funkcí () {
jak analyzovat XML soubor v Javě
setTimeout ('Decrement ()', 60)
}
// Decrement function decrement the value.
funkce Decrement () {
if (document.getElementById) {
minutes = document.getElementById ('minutes')
seconds = document.getElementById ('seconds')
// pokud zbývá méně než minuta
// Zobrazení pouze sekundové hodnoty.
pokud (sekundy<59) {
seconds.value = s
}
// Zobrazení minut i sekund
// getminutes and getseconds je zvyklý
// získejte minuty a sekundy
else {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// když zbývá méně než minuta
// barva minut a sekund
// změní se na červenou
pokud (min<1) {
minutes.style.color = 'červená'
seconds.style.color = 'červená'
}
// pokud se sekundy stanou nulou,
// poté vyprší doba upozornění na stránku
pokud (min<0) {
výstraha („čas vypršel“)
minutes.value = 0
seconds.value = 0
}
výukové programy pro Microsoft SQL Server pro začátečníky
// if seconds> 0 then seconds is decremented
else {
suchý--
setTimeout ('Decrement ()', 1000)
}
}
}
funkce getminutes () {
// minuty jsou sekundy děleno 60, zaokrouhleno dolů
min = Math.floor (s / 60)
návrat min
}
funkce getseconds () {
// odebírání zbývajících minut (v sekundách)
// z celkových zbývajících sekund
zpáteční sekundy - Math.round (min * 60)
}
Zbývající čas ::
:
Pokud zbývá méně než minuta, barva časovače se změní na červenou.
S tímto se dostáváme na konec tohoto článku Timers in JavaScript. C sakra Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů po celém světě.
Máte na nás dotaz? Uveďte to prosím v sekci komentářů této Dependency Injection v AngularJs a my se vám ozveme.