javascript - jQuery无限循环，动画很多项目？

Question

首先，这是一个 jFiddle，它可以帮助您了解我的来源：http: //jsfiddle.net/gfyans/x9fGS/（这很粗糙，现在是凌晨 4 点，所以它不是世界上最棒的代码）。

基本上我想做的是在我的文档中创建一堆 div 并同时为每个 div 的不透明度设置动画。

我让它创建网格并一个接一个地制作动画，但我被困在并发动画上。我认为 setInterval 不适合用于我想要的东西？

谢谢，格雷格。

Answer 1

您只能设置一个触发事件到所有框的时间间隔。就像在这个片段中一样：

var boxes$ = $('.boxItem');

// Triggers the event for all the boxes
function forceAnimate() {
    boxes$.trigger('box.animate');
}

setInterval(forceAnimate, interval);

这是一个工作演示，希望对您有所帮助。