Tot el que heu de saber sobre els temporitzadors a JavaScript



Aquest article us proporcionarà un coneixement detallat i exhaustiu de com implementar temporitzadors en JavaScript amb exemples.

Els temporitzadors són un aspecte important de qualsevol llenguatge de programació. Com sabem, el temps és diners. Per tant, en aquest article veurem com implementar i treballar amb temporitzadors en JavaScript:

Treballar amb temporitzadors en JavaScript

Un temporitzador és una funció que ens permet executar una funció en un moment concret.Mitjançant els temporitzadors es pot retardar l'execució del codi perquè no es faci en el moment exacte en què s'activa un esdeveniment o es carrega la pàgina. Per exemple, podeu utilitzar temporitzadors per canviar els anuncis publicitaris del vostre lloc web a intervals regulars, o mostrar un rellotge en temps real, etc.





Hi ha una funció de temporitzador a JavaScript:setTimeout ()

La secció següent us mostrarà com crear temporitzadors per retardar el codiaixí com la manera de realitzar una o més accions repetidament utilitzant aquesta funció a JavaScript.



Window setTimeout () Mètode

Definició i ús:

El mètode setTimeout () crida una funció o avalua una expressió després d’un nombre especificat de mil·lisegons.

CONSELL:



  • 1000 ms = 1 segon.
  • La funció només s’executa una vegada. Si necessiteu repetir l'execució, utilitzeu el fitxersetInterval ()mètode.
  • Utilitzar elclearTimeout ()mètode per evitar que la funció s'executi.

Aquesta funció accepta dos paràmetres: a funció , que és la funció a executar i una opcional retard paràmetre, que és el nombre de mil·lisegons que representa el temps d'espera abans d'executar la funció (1 segon = 1000 mil·lisegons).

Valor de retorn: Torna un número que representa el valor d'identificació del temporitzador que s'estableix.

Codi: temporitzadors en JavaScript

Aquí teniu el codi per a Temporitzadors en JavaScript que estableix el temporitzador de 2 minuts i quan els temps que augmenten l’alerta de la pàgina “s’aconsegueix”. ElsetTimeout ()El mètode crida una funció o avalua una expressió després d'un nombre especificat de mil·lisegons.

// fixar minuts

var mínims = 2

// calcula els segons

var seg = min * 60

// La funció de compte enrere s'evoca quan es carrega la pàgina

compte enrere de la funció () {

setTimeout ('Decrement ()', 60)

}

// La funció de disminució disminueix el valor.

funció Decrement () {

java system.exit (1)

if (document.getElementById) {

minutes = document.getElementById ('minutes')

segons = document.getElementById ('segons')

// si queda menys d’un minut

// Mostra el valor de només segons.

si (segons<59) {

segons.valor = segons

programa Java per a sèries Fibonacci

}

// Mostra els minuts i els segons

// s'utilitza getminutes i getseconds

// obtenir minuts i segons

més {

minutes.value = getminutes ()

seconds.value = getseconds ()

}

// quan falta menys d’un minut

// color dels minuts i segons

// canvia a vermell

si (min<1) {

minutes.style.color = 'vermell'

seconds.style.color = 'vermell'

}

// si els segons esdevenen zero,

// després s'alça el temps d'alerta de pàgina

si (min<0) {

alerta ('temps màxim')

minutes.value = 0

segons.valor = 0

}

// si segons> 0, es redueixen els segons

més {

sec--

setTimeout ('Decrement ()', 1000)

}

}

}

funció getminutes () {

// minuts són segons dividits per 60, arrodonits cap avall

mins = Math.floor (segons / 60)

retorn mins

}

funció getseconds () {

python què és __init__

// es queden minuts (segons segons) de distància

// del total de segons restants

retorn de segons: Math.round (min * 60)

}

Temps restant ::

:

timers-in-javascript

Quan falta menys d’un minut, el color del temporitzador canvia a vermell.

Amb això, arribem al final d’aquest article de temporitzadors a JavaScript. C fes un cop d'ull al per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món.

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d'aquesta injecció de dependència a AngularJs i us respondrem.