Jquery 设置循环序列的动画

我试图创建一个循环序列，一个接一个地显示帧

我用jQuery.animate来创建这个

$frame1.delay(0).animate({opacity: 1}, 0);
$frame1.delay(100).animate({opacity: 0}, 0);

这似乎只起过一次作用。然而，当我循环序列时，帧开始以错误的顺序跳转

有人能看到这里发生了什么，我哪里出了错吗

---

尝试创建一个设置为

0

的变量，该变量在单个递归函数中递增，以使用

$设置每个
.frame
元素的动画。when（）

，

。then（）

，

.eq（）

，

.fadeTo（）

$（文档）.ready（函数（）{
功能步行（北立面）{
//`el`:`$（.frame）``元素
返回$。当(
el.eq（n）.法德托（500，1）
).然后（函数（）{
返回此。fadeTo（500，0）
})
.然后（函数（）{
//如果“n”小于“$（“.frame”）“.length”，
//调用'walk'，否则返回`$（“.frame”）`:`el`元素
返回++n
.frame{
位置：绝对位置；
背景：红色；
颜色：#fff；
顶部：0px；
填充：20px；
不透明度：0；
z指数：0；
宽度：50px；
高度：50px；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
如果动画持续时间为0，是否尝试直接更改css。css（“不透明度”，0）？