Vše, co potřebujete vědět o časovačích v JavaScriptu



Tento článek vám poskytne podrobné a komplexní znalosti o implementaci časovačů v JavaScriptu s příklady.

Č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žijtesetInterval ()metoda.
  • PoužijteclearTimeout ()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 ::

:

timers-in-javascript

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.