废话不多说直接当代码
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)