jquery 动画可以以编程方式链接吗？

我有这个代码：

jQuery('#flash').animate({opacity: 0.35}, 200)
                .animate({opacity: 0}, 200)
                .animate({opacity: 0.35}, 200)
                .animate({opacity: 0}, 200)
                .animate({opacity: 0.35}, 200)
                .animate({opacity: 0}, 600)

我还没有决定要改变它的状态多少次。有没有一种方法可以以编程方式链接动画，而不必通过编辑动画链来添加/删除链元素？

不，您无法在不编辑动画队列的情况下链接动画。如果你想链接一个变量，但次数有限，你可以使用循环轻松完成：

var flash = $("#flash");
for (var i=0; i<n; i++)
    flash.animate({opacity: 0.35}, 200).animate({opacity: 0}, 200);

如果您想要一个无限循环，或者在将来满足某个条件时停止的循环，您需要在动画队列上挂钩一个回调，重新启动该函数：

var flash = $("#flash");
function anim() {
    // if (condition)
    flash.animate({opacity: 0.35}, 200).animate({opacity: 0}, 200, anim);
                                            // call "recursively": ^^^^
}
anim();