如何使用jquery设置10个连续元素的动画

我有10个元素是a的子元素，它们都显示为白色圆圈。 我喜欢通过jquery创建一个动画，将它们放大3倍，然后再缩小到原始大小。这本身就很容易，但我想做的是：

让它开始缩放，然后在完成之前，让我们说三分之一的过渡或变换，开始下一个元素，等等

一旦到达终点，重新开始。通过所有元素的单个循环应为3秒

希望有人能给我指出正确的方向

[更新]我喜欢使用jquery。动画功能，而不是使用关键帧和css动画

斯宾纳先生{ 背景色：黑色；/*因此可以看到圆圈*/ } 斯宾纳一号{ 显示：块； 位置：绝对位置； 不透明度：1； } spinner i b{ 显示：块； 宽度：6px； 高度：6px； 边界半径：6px； 背景：白色； 盒影：0px 0px 14px白色； }

---

我想这就是你想要的。我已在源文件中记录

$.spinner i.每个函数索引，元素{ 常数延迟=0.3*索引；/*计算当前元素的延迟*/ $element.attrstyle，动画延迟：+delay+s；/*应用延迟*/ $element.addClassanim；/*启动动画*/ }; 斯宾纳先生{ 背景色：黑色； 高度：100vh； /*所以你可以看到圆圈*/ } 斯宾纳一号{ 显示：块； 位置：绝对位置； 不透明度：1； } spinner i b{ 显示：块； 宽度：6px； 高度：6px； 边界半径：6px； 背景：白色； 盒影：0px 0px 14px白色； } /*类定义动画的设置*/ spinner i.anim{ 动画名称：缩放； 动画持续时间：0.3s；/*总持续时间/10*/ 动画迭代计数：无限；/*永远重复*/ } /*音阶动画*/ @关键帧比例{ 0%，100%{transform:scale1；} 50%{变换：scale3；} }

---

嗨，Gerard，看起来不错，但是我想避免关键帧和css3动画。只需将jquery与.animate一起使用即可。我还是想保留这篇文章作为回答，好吧。请记住，简单的CSS3动画通常比jQuery动画快，因为它们可以在不同的线程上运行。