En JavaScript, el funció setTimeout(). és molt bo per afegir retards o programar l'execució d'una funció específica després d'un període determinat. És una característica clau tant dels entorns del navegador com de Node.js, que permet un comportament asíncron en l'execució de codi. Tant si esteu creant una aplicació web com un script del costat del servidor, setTimeout() ofereix flexibilitat per gestionar tasques relacionades amb el temps sense bloquejar la resta del flux del vostre programa.
Sintaxi:
setTimeout(function, milliseconds, arg1, arg2, ...);>
Paràmetres:
- funció : Després del període de temps especificat, aquesta és la funció que s'executa.
- mil·lisegons : el temps de retard s'expressa en mil·lisegons.
- arg1 , arg2 : Si cal, aquests són els paràmetres opcionals.
1. Anul·lació de setTimeout()>
JavaScript proporciona una funció corresponent anomenadaclearTimeout()>
per cancel·lar un temps d'espera programat abans que s'executi.
Exemple: En aquest exemple, hem mostrat la cancel·lació del settimeout.
Javascript function delayedFunction() { console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled');>
2. Finalitat de setTimeout()>
En JavaScript, elsetTimeout()>
La funció s'utilitza per introduir un retard o per executar una funció determinada després d'haver passat un període de temps especificat. Forma part de les API web proporcionades pels navegadors i Node.js, que permeten l'execució asíncrona de codi.
Exemple: A continuació es mostra l'exemple de settimeout.
Javascript console.log('Start'); setTimeout(function() { console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End');>
Sortida:
Start End Delayed log after 2000 milliseconds>
Explicació:
- El
setTimeout()>
La funció pren dos paràmetres: una funció de devolució de trucada i un retard en mil·lisegons. - A l'exemple, després dels registres inicials d'inici i finalització, el
setTimeout()>
està configurat per executar la funció de devolució de trucada (registre retardat) després de 2000 mil·lisegons (2 segons). - La resta del codi continua executant-se sense esperar el retard, demostrant la naturalesa asíncrona de
setTimeout()>
. - Després del retard especificat, s'invoca la funció de devolució de trucada, donant lloc al missatge de registre retardat després de 2000 mil·lisegons a la consola.
Casos d'ús:
- Retard de l'execució: Es pot utilitzar per introduir retards en l'execució del codi, útil per a escenaris com animacions, esdeveniments cronometrats o operacions ajornades.
- Operacions asíncrones: Quan es combina amb funcions de devolució de trucada, facilita el comportament asíncron, permetent l'execució de codi sense bloqueig.
- Temps d'espera en el desenvolupament web: S'utilitza habitualment en el desenvolupament web per gestionar els temps d'espera, com ara mostrar una notificació després d'un temps determinat o actualitzar contingut.