使用async函数实现多张图片的依次加载

案例–使用async函数实现多张图片的依次加载(第一张加载完之后才能加载第二张)

let loadImg = (src) => {
return new Promise((resolve, reject) => {
let img = document.createElement(‘img’)
img.src = src
document.body.append(img)
setTimeout(() => {
resolve(true)
}, 1000)
})
}
const imgs = [’…/src/img/1.PNG’, ‘…/src/img/1.PNG’, ‘…/src/img/1.PNG’];
// 依次加载图片
async function fSync(imgs) {
for (let i of imgs) {
await loadImg(i)
}
}
fSync(imgs);
```

发布了35 篇原创文章 · 获赞 7 · 访问量 786

猜你喜欢

转载自blog.csdn.net/skf063316/article/details/104543879