如何让第二个动画仅在第一个动画使用Javascript回调完成之后才开始？

function firstAnimation(callback) {
  // 第一个动画的代码
  // ...

  // 动画完成后调用回调函数
  callback();
}

function secondAnimation() {
  // 第二个动画的代码
  // ...
}

// 启动第一个动画，并在回调函数中启动第二个动画
firstAnimation(function() {
  secondAnimation();
});

function firstAnimation() {
  return new Promise(function(resolve, reject) {
    // 第一个动画的代码
    // ...

    // 动画完成后调用resolve函数
    resolve();
  });
}

function secondAnimation() {
  // 第二个动画的代码
  // ...
}

// 启动第一个动画，并在Promise对象的resolve函数中启动第二个动画
firstAnimation().then(function() {
  secondAnimation();
});