setTimeout et de la matrice de chaque

Je suis confus avec l'aide de setTimeout et la chaque itérateur. Comment puis-je réécrire le suivant de sorte que la console de sorties de chaque nom, après un délai de 5 secondes? Actuellement, le code ci-dessous imprime tous les noms à la fois au bout de 5 secondes. Je voudrais:

1) attendre 5 secondes, puis l'imprimer kevin

2) attendre 5 secondes, puis l'imprimer mike

3) attendre 5 secondes, puis l'imprimer sally 

var ary = ['kevin', 'mike', 'sally'];

_(ary).each(function(person){

  setTimeout(function(){
    console.log(person);
  }, 5000);    

});

OriginalL'auteur Kevin | 2013-06-22

  1. 10

    Vous pouvez créer une variable appelée offset qui fait de la minuterie attendre 5 secondes de plus pour chaque personne dans le tableau, comme suit:

    var ary = ['kevin', 'mike', 'sally'];

var offset = 0;
_(ary).each(function(person){

  setTimeout(function(){
    console.log(person);
  }, 5000 + offset);    
 offset += 5000;
});
    Pouvez-vous décrire comment cela fonctionne? Je devine que cela fonctionne parce que les chaque itérateur tiré 3 "événements" et chaque événement a un délai d'attente de 5, 10 et 15 secondes, respectivement? Et mon code tiré 3 "événements" à chaque événement durable à seulement 5 secondes?
    Exactement. each s'exécute trois fois, et à chaque fois offset obtient 5000 plus grande, de sorte que le délai d'attente pour chaque consécutives personne est de 5 secondes plus tard.

    OriginalL'auteur LonelyWebCrawler

  2. 6

    Vous pourriez faire

    var ary = ['kevin', 'mike', 'sally'];

_(ary).each(function(person, index){

  setTimeout(function(){
    console.log(person);
  }, index * 5000);    
});

    Sans augmenter la timeout valeur, vous initialiser tous les setTimeouts avec la même valeur (c'est pourquoi vous voyez ce que vous voyez).

    OriginalL'auteur jAndy

  3. 1

    each est généralement mieux pour les choses qui se produisent immédiatement.

    Au lieu de cela, si vous n'avez pas l'esprit de changer le tableau, vous pouvez l'utiliser comme une file d'attente:

    var ary = ['kevin', 'mike', 'sally'];

setTimeout(function loop() {
    console.log(ary.shift());

    if (ary.length)
        setTimeout(loop, 5000);
}, 5000);

    Il continue à appeler loop 5 secondes dans le futur jusqu'à ce qu'il ne reste plus rien dans la file d'attente.

    N'est-ce pas un peu obscurci? une fonction insite un appel de fonction avec seulement le nom de l'accès-mesure insite la portée?

    OriginalL'auteur Casey Chu

  4. -1

    Vous pouvez simplement utiliser setInterval() avec une simple augmentation par un compteur.

    var ary = ['kevin', 'mike', 'sally'];

var i=0;
setInterval(function(){
    console.log(ary[i]);
    i++;
}, 5000);

    Mais notez que cela commencera à lancer des erreurs après je devient supérieur à deux. Vous avez besoin d'avoir une sorte de validation et assurez-vous de vider l'intervalle.

    Mais vous voudrez probablement le setInterval de rappel à clearInterval lorsque le tableau a été épuisé.

    OriginalL'auteur php_nub_qq