Mindössze annyit kell tudni az időzítőkről a JavaScript-ben



Ez a cikk részletes és átfogó ismereteket nyújt Önnek arról, hogyan lehet az Időzítőket JavaScript-ben megvalósítani példákkal.

Az időzítők minden programozási nyelv fontos szempontjai. Mint tudjuk, az idő pénz. Tehát ebben a cikkben megnézzük, hogyan lehet az Időzítőket megvalósítani és működni a JavaScript-ben:

Az időzítők használata JavaScript-ben

Az időzítő olyan funkció, amely lehetővé teszi számunkra, hogy egy adott időpontban egy funkciót végrehajtsunk.Az időzítők használatával késleltetheti a kód végrehajtását, hogy az ne történjen meg pontosan abban az pillanatban, amikor egy esemény elindul, vagy az oldal betöltődik. Például időzítőkkel rendszeres időközönként megváltoztathatja a webhelyen található reklámszalagokat, vagy valós idejű órát jeleníthet meg stb.





Van egy időzítő funkció a JavaScript-ben:setTimeout ()

A következő szakasz bemutatja, hogyan lehet időzítőket létrehozni a kód késleltetéséhezvégrehajtása, valamint egy vagy több művelet ismételt végrehajtása a JavaScript-ben található



Window setTimeout () metódus

Meghatározás és felhasználás:

A setTimeout () metódus meghív egy függvényt, vagy egy megadott számú milliszekundum után kiértékel egy kifejezést.

TIPP:



  • 1000 ms = 1 másodperc.
  • A funkciót csak egyszer hajtják végre. Ha meg kell ismételnie a végrehajtást, használja asetInterval ()módszer.
  • Használja aclearTimeout ()módszer a funkció futtatásának megakadályozására.

Ez a függvény két paramétert fogad el: a funkció , amely a végrehajtandó funkció, és választható késleltetés paraméter, amely a függvény végrehajtása előtti várakozási időt jelző milliszekundumok száma (1 másodperc = 1000 milliszekundum).

Visszatérési érték: Visszaad egy számot, amely a beállított időzítő azonosító értékét képviseli.

Kód: Időzítők a JavaScript-ben

Itt található az időzítők kódja a JavaScript-ben, amely 2 percre állítja be az időzítőt, és amikor az oldal figyelmeztetés időkorlátja 'lejár'. AzsetTimeout ()metódus meghív egy függvényt, vagy kiértékel egy kifejezést meghatározott számú milliszekundum után.

// percek beállítása

var mins = 2

// kiszámítja a másodperceket

var secs = perc * 60

// a visszaszámlálás függvény kiváltásra kerül az oldal betöltésekor

függvény visszaszámlálása () {

setTimeout ('Decrement ()', 60)

hogyan lehet átalakítani dupla nyelvről int java-ra

}

// Decrement függvény csökkenti az értéket.

függvény Decrement () {

if (document.getElementById) {

perc = document.getElementById ('perc')

másodperc = document.getElementById ('másodperc')

// ha kevesebb mint egy perc van hátra

// Csak a másodpercek értékének megjelenítése.

ha (másodperc<59) {

másodperc.érték = mp

}

// A percek és a másodpercek megjelenítése egyaránt

// getminutes és geteconds szokott

// perceket és másodperceket kap

más {

minutes.value = getminutes ()

seconds.value = getseconds ()

}

// amikor kevesebb mint egy perc van hátra

// a percek és a másodpercek színe

// vörösre változik

ha (perc<1) {

minutes.style.color = 'piros'

seconds.style.color = 'piros'

}

// ha a másodperc nulla lesz,

// majd az oldal riasztási ideje lejárt

ha (perc<0) {

riasztás ('time up')

perc.érték = 0

másodperc.érték = 0

}

hogyan állítsuk be az osztályútvonalat a Java-ban a parancssor használatával

// ha a másodperc> 0, akkor a másodperc csökken

más {

száraz--

setTimeout ('Decrement ()', 1000)

}

}

}

függvény getminutes () {

// perc másodperc osztva 60-val lefelé kerekítve

perc = Math.floor (mp / 60)

visszatérési percek

}

függvény lesz másodperc () {

// perceket vehet igénybe hátralévő másodpercekben

// a hátralévő másodpercekből

visszatérési másodpercek - Math.round (perc * 60)

}

Idő maradt ::

:

timers-in-javascript

Ha kevesebb mint egy perc van hátra, az időzítő színe pirosra változik.

Ezzel véget értünk a Timers JavaScript-cikkben. C a fenébe az Edureka, egy megbízható online tanulási vállalat, amelynek több mint 250 000 elégedett tanulóval rendelkező hálózata elterjedt az egész világon.

Van egy kérdésünk? Kérjük, említse meg ennek a függőségi injekciónak az AngularJs megjegyzéseiben, és kapcsolatba lépünk Önnel.