Définir les délais d'attente entre les étapes de jQuery.chacun() en boucle

Autant que je sache, $.each() est une fonction synchrone, donc je pense que, d'une certaine manière, cela doit être possible - avec une sorte de technique de retarder les étapes de la boucle à travers le tableau.

Je n'ai pas trouver un bon moyen pour le moment. Comment pourrais-je définir les délais pour les étapes correctement?

Mise à JOUR:

Le problème, pourquoi j'ai besoin de ceci, est que le nombre des étapes dans la boucle, et les calculs sont énormes, et ils font la asynchrones fonctions trop lent. Je voudrais économiser de la vitesse du processeur pour eux, avec la définition des "priorités" avec ce retarder. Je suis à l'aide d'un non-fonction de rappel, surtout jQuery.(css) dans les étapes de la boucle.

IMPORTANT:

Je suis à la recherche d'une technique pour définir les délais ENTRE les étapes, afin de réduire la quantité de calculs, pas de réglage d'ÉNORMES quantités de délais d'attente avec la boucle, ce qui sera exécuté par le temps.

Pouvez-vous décrire exactement ce que vous essayez de faire. Cette question est la définition d'un XY problème.
comme jsfiddle.net/arunpjohny/mu6JB/1 ?
Oui, @RoryMcCrossan , j'ai mis à jour ma question.

OriginalL'auteur Steven Palinkas | 2014-05-22

Je vous suggère de ne pas utiliser .each() mais bouclage de la collection manuellement.:

HTML

<div class="foo">A</div>
<div class="foo">B</div>
<div class="foo">C</div>
<div class="foo">D</div>
<div class="foo">E</div>

Javascript

var collection = $('.foo');
if( collection.length > 0 ){
    var i = 0;
    var fn = function(){
        var element = $(collection[i]);
        console.log(i + ' (' + element.text() + ') : %o', element);
        //Do whatever
        if( ++i < collection.length ){
            setTimeout(fn, 5000);
        }
    };
    fn();
}

Pourrait être assez facilement enveloppé dans un $('.foo').delayedEach(5000, function(){}) extension si vous le souhaitez.

Travail de violon

OriginalL'auteur Adam

2

Selon votre situation, quelque chose comme cela pourrait fonctionner:
```
$('.some-results').each(function(i) {
  $(this).delay(500 * i).someAction();
});
```
Dans cet exemple, vous utilisez le numéro d'index (i) du tableau à chaque itération retardée par 500ms plus que la précédente. Espérons que cette aide.

REMARQUE: Dans le cas où il n'est pas clair, uneaction() peut être ce que vous envisagez de faire avec l'élément. Pourrait être une animation, l'obtention d'une valeur, etc.

Autant que je le vois, ce n'utilisez pas de rappels, il définit simplement les délais d'attente DANS les étapes, et non pas ENTRE eux.

OriginalL'auteur MitulP91

Essayez ce Code:

HTML

<div class="result"></div>
<div class="result"></div>
<div class="result"></div>

Javascript

$('.result').each(function(i) {
  setTimeout(function(){ alert(i);},5000*i);
});

De travail JSFiddle

OriginalL'auteur Hitesh Modha

Vous devez vous connecter pour publier un commentaire.