Javascript 如何强制jQuery动画同时运行？

我有一个到处都是动画（）的网页。一个典型的动画序列可能包含三个或四个同时独立制作动画的对象。我面临的问题是，动画的排队是不可预测的。一些动画正在同时运行，而另一些动画则没有

我在做类似的事情

   setTimeout(function(){
       //animations
    }, delay);

在许多地方，只是尝试和组的动画。即使使用此选项，代码块内的某些动画也不会同时运行

有没有办法强制同时运行动画？有没有办法用动画填满队列，然后同时执行这些动画？ 有没有关于这个东西是如何工作的全面的文档

编辑：警告：代码混乱

问题是查看代码，您如何知道哪些动画将同时运行？

此操作将同时运行（但如果对象上已经有正在运行的动画，则不会）：

如果您想100%确保它立即设置动画（注意队列：false）：

你也可以这样做。（它仍将同时运行）

这是一个接一个的

$('.blabla .1').animate({opacity: 0.3}, 800).animate({fontSize: 20}, 800);

这也一样

$('.blabla .2').animate({opacity: 0.3}, 800, function() {
    $('.blabla .3').animate({opacity: 0.3}, 800);
});

我希望这能回答你的问题

---

很抱歉进行了所有编辑，我是新来的。

使用

步骤

选项。给它一个函数，在当前动画的每个步骤之后，它将执行该函数。因此，您可以在那里设置动画

请出示您的密码。警告：代码混乱。您也可以在设置动画后使用.dequeu（）立即启动它

$('.blabla .1')
   .animate({fontSize: 20},{queue:false,duration:800})
   .animate({opacity: 0.4},{queue:false,duration:800});

$('.blabla .1').animate({opacity: 0.3}, 800).animate({fontSize: 20}, 800);

$('.blabla .2').animate({opacity: 0.3}, 800, function() {
    $('.blabla .3').animate({opacity: 0.3}, 800);
});