如何使用promises执行一系列动画

// 动画函数1
function animate1() {
  return new Promise(resolve => {
    // 执行动画操作
    setTimeout(() => {
      // 动画完成后调用resolve()函数
      resolve();
    }, 1000);
  });
}

// 动画函数2
function animate2() {
  return new Promise(resolve => {
    // 执行动画操作
    setTimeout(() => {
      // 动画完成后调用resolve()函数
      resolve();
    }, 2000);
  });
}

// 动画函数3
function animate3() {
  return new Promise(resolve => {
    // 执行动画操作
    setTimeout(() => {
      // 动画完成后调用resolve()函数
      resolve();
    }, 1500);
  });
}

// 创建动画数组
const animations = [animate1, animate2, animate3];

// 使用Promise.all()执行动画
Promise.all(animations.map(animation => animation()))
  .then(() => {
    // 所有动画完成后的操作
    console.log('所有动画已完成');
  });