图片依次加载

废话不多说直接当代码
1、html

  <html>
      <head>
          <title>imgLoad</title>
      </head>
      <body>
          <div id="box"></div>
      </body>
      
  </html>

2、js

 let imgList = ['./01.png', './02.png']
 let imgLoad = (url) => {
    return new Promise(resolve) => {
        let img = document.createElement('img')
        img.src = url
        document.getElementById('box').append(img)
        setTimeout(() => {
            resolve(true)
        }, 500)
     }
  }
  const syncFunc = async (imgList) => {
      for (let value of imgList) {
          await imgLoad(value)
      }
   }
  syncFunc(imgList)