wacht even! sleep(), wait() of delay() functionaliteit met behulp van JavaScript
hoe sleep(), wait() of delay() functionaliteit of gedrag met behulp van JavaScript te implementeren?
JavaScript is een (browserzijde) scripttaal aan de clientzijde waar we validatie aan de clientzijde en andere functies kunnen implementeren. Er is een vereiste om sleep(), wait() of delay() functionaliteit of gedrag te implementeren met JavaScript zoals PHP of andere talen ondersteuning. Dus, hoe zou je dat willen doen!
javascript heeft geen bovenstaande functies, maar het heeft date (), setTimeout() of setInterval() functies. Er zijn verschillende manieren om die functie te doen met behulp van deze functies. Volg de gegeven stappen en / of pseudo-code en ga door het voorbeeld script om dit te bereiken.
methode①: met de functie Date ().
var now = new Date ().getTime();
var millisecondsToWait = 1000; / * d.w.z. 1 seconde * /
Met while loop:
while (new Date ().getTime() < now + millisecondsToWait )
{
/* niets doen; dit zal stoppen zodra het de tijdslimiet heeft bereikt */
/* Als u wilt kunt u iets doen en afsluiten*/
/* meestal gebruik ik dit */
}
met behulp van voor loop:
voor ( var i = 0; i < 1E7; i++ )
{
If ( ( new date().getTime () – now) > millisecondsToWait)
{
break;
/ * niets doen; dit wordt afgesloten zodra het de tijdslimiet heeft bereikt */
/* Als u wilt kunt u iets doen en afsluiten */
voorbeeld:
functie sleep( millisecondsToWait)
{
var now = new Date().getTime ();
while (new Date ().getTime() < now + millisecondsToWait )
{
/* do nothing; this will exit when it reaches the time limit */
/* if you want you could do something and exit */
}
Gebruik:
console.log (‘Hey, wacht even!’);
sleep (1000);
console.log (‘Oh, kom op!’);
methode②: met de functie setTimeout (). Dit zal een functie uitvoeren na het wachten op een bepaalde periode van milliseconden of seconden. De syntaxis is zoals hieronder gegeven.
setTimeout( callbackFunction, millisecondsToWait );
setTimeout (function () {
console.log (‘Hey, wacht even!’);
/* iets of niets doen; dit wacht een seconde omdat er 1000 milliseconden zijn gepasseerd */
, 1000);
voorbeeld:
function holdOn( millisecondsToWait)
{
setTimeout( function () {
console.log (‘Dude, wacht even voor een minuut!’ );
/ * iets of niets doen; dit wacht een minuut omdat er 60000 milliseconden zijn verstreken */
}, millisecondsToWait);
Gebruik:
console.log (‘Dude, wacht even voor een minuut!’);
holdOn (60000);
console.log (‘Hey, het \’ s al laat, ik \ ‘ m ga nu slapen.’);
nu kwam u te weten hoe sleep () Of wait () functionaliteit in JavaScript te implementeren. setTimeout () functie ondersteunt ook closure () concept van het aanroepen van functies binnen de functie. Ik zal uitleggen wat zijn setTimeout (), setInterval() en closure () in een ander artikel.
u kunt dit zelfs hier vinden.
Gelukkig coderen!
u kunt het hieronder bekijken, misschien vindt u het leuk.