带延迟的顺序promise环

function loadImage(url) {
  return new Promise((resolve, reject) => {
    const image = new Image();
    image.onload = () => resolve(image);
    image.onerror = () => reject(new Error('Failed to load image'));
    image.src = url;
  });
}

const urls = ['url1', 'url2', 'url3'];
const delay = 1000; // 每个操作之间的延迟时间，单位为毫秒

// 创建一个初始的Promise对象
let promise = Promise.resolve();

// 按照顺序加载图片
urls.forEach((url, index) => {
  promise = promise.then(() => {
    return new Promise((resolve) => {
      setTimeout(() => {
        loadImage(url)
          .then((image) => {
            console.log(`Image ${index + 1} loaded`);
            resolve(image);
          })
          .catch((error) => {
            console.error(error);
            resolve(null);
          });
      }, delay);
    });
  });
});