javascript - Quel est le processus d'exécution lorsque chaque parcours de fonction dans jQuery est utilisé avec la fonction Animer?

Question

$("#banner ul li").each(function(i){
          $(this).animate({
                        width: arrW[index],
                         height: arrH[index],
                        opacity: arrO[index],
                        left: arrL[index],
                        top: arrT[index]

                    },500)
                }

Ce que je ne comprends pas, c'est que lorsque chaque boucle est effectuée, l'exécution de l'animation prend 500 ms. Cela signifie-t-il que la boucle suivante démarrera après la fin de l'exécution de l'animation, soit 500 millisecondes ? Ou attendez-vous la fin de l’exécution de l’animation avant d’exécuter le cycle suivant ?

Answer 1

Chacun n'est principalement qu'un parcours, il n'y a pas d'opération d'appel asynchrone, tandis que l'animation animée utilise principalement un délai, qui est asynchrone.

http://www.zhangyunling.com/2...

C'est comme :

for(var i=0;i<100;i++){
    setTimeout(function(){
        console.log('一次延迟回调');
    },1000);
}

Ainsi, le rappel d'animation doit entrer dans la file d'attente des tâches, donc la boucle est exécutée en premier.

Answer 2

Les événements de liaison doivent d'abord être bouclés, puis effectués en même temps.
En d'autres termes, avant l'exécution de l'animation, une boucle est d'abord réalisée et l'animation est liée à chaque élément. Une fois la boucle terminée, tous les éléments subissent cette animation en même temps.