retarder le retour d'une fonction

est-il de toute façon à retarder le retour d'une fonction à l'aide de setTimeout().

function foo(){
  window.setTimeout(function(){
      //do something
  }, 500);
 //return "some thing but wait till SetTimeout() finished";
}
Le setTimeout appel ne démarre pas jusqu'à ce que la fonction en cours est terminé, donc, si la fonction actuelle est en attente pour setTimeout pour revenir il aura une très longue attente... 🙁

OriginalL'auteur khousuylong | 2011-06-14

  1. 3

    Vous ne voulez pas de "retarder" le code, car il permettrait de verrouiller le navigateur thread de l'ensemble de votre navigateur inutilisable jusqu'à ce que le votre script délai d'expiration est passée.

    Vous pouvez soit créer un évènement qui est à l'écoute d'un signal déclenché après un certain temps a passé. jQuery .bind() et .trigger() est ce que vous voulez http://api.jquery.com/trigger/

    Ou, vous pouvez utiliser une fonction de rappel pour travailler avec les données que vous voulez a l'issue du temps ellapsed. Donc, si ce que vous avez voulu être comme ceci:

    function myFunc() {
  doStuff();
  result = delayProcess(5000);
  $('#result').html(result);
}

function delayProcess(delay) {
  //magic code that delays should go here
  return logic;
}

    Devrait être quelque chose comme ceci:

    function myFunc() {
  doStuff()
  delayProcess(5000, function(result){ //Notice the callback function pass as an argument
    $('#result').html(result);    
  });
}

function delayProcess(delay, callback) {
  result = logic;
  setTimeout(function(){
    callback(result);
  });
}
    C'est la même chose que l'appel de setTimeout mafonction, sauf que, dans le ci-dessus devient une variable globale du moment où quelque chose est attribué dans le delayProcess de la fonction.
    setTimeout ne pas "bloquer" l'exécution de code

    OriginalL'auteur Jj.

  2. 2

    .setTimeout() est pour l'exécution d'une fonction complète après un délai d'attente. Il est pas pour retarder le code.

    https://developer.mozilla.org/En/Window.setTimeout

    Un bon lien serait: Qu'est-ce que la version JavaScript de sleep()?

    (Une bonne question à poser est pourquoi vous avez besoin de votre fonction de sommeil?)

    OriginalL'auteur James Khoury

  3. 1

    Il suffit d'appeler la chose que vous voulez arriver après le délai d'expiration à la fin de la temporisation de la fonction comme ci-dessous:

    function foo()
{ 
    window.setTimeout(function()
    { 
        //do something

        delayedCode(returnValue); 
    }, 500); 

    return
}

function delayedCode(value)
{
    //do delayed stuff
}

    Plutôt que de retourner. Mettre le code qui s'appuie sur la valeur de retour dans delayedCode() et le passer en paramètre à la fonction.

    OriginalL'auteur Endophage

  4. 1

    À l'aide de promesses:

    const fetchData = () =>
  new Promise(resolve => (
    setTimeout(() => resolve(apiCall()), 3000);
  ));

    Réponse mis à jour grâce à @NikKyriakides, qui a souligné async/await n'est pas nécessaire. J'ai d'abord eu async () => resolve(await apiCall()).

    Vous n'avez pas besoin de async/await. Juste: setTimeout(() => resolve(apiCall()), 3000);
    Vous avez raison @NikKyriakides! Je vous remercie. Sera mise à jour de ma réponse.
    nouvelle Promesse(résoudre => { setTimeout(() => résoudre(apiCall()), 3000); }); Corrigé la faute de frappe avec la parenthèse manquante.

    OriginalL'auteur Nelu