javascript - Jquery 排队动画

Question

我有几个动画要在 dom 中的不同对象上执行。

我希望它们按顺序发生。

我不想这样做:

$('#first').show(800, function () 
{ $('#second').show(800, function () {...etc...});

我想将我所有的动画(和 CPU 密集型函数)添加到某种队列对象，以确保它们按顺序执行。

Answer 1

我不确定您为什么不想使用您描述的方法。如果纯粹从组织的 Angular 来看，您不必使用匿名函数

function showFirst() {
  $('#first').show(800, showSecond);
}

function showSecond() {
  $('#second').show(800, showThird);
}

function showThird() {
  $('#third').show(800);
}

function startAnimation() {
  showFirst();
}