let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&fm=26&gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u=4180508012,1972588723&fm=15&gp=0.jpg', 'http://img10.360buyimg.com/n1/s350x449_jfs/t14989/169/1956143206/90455/a454f42c/5a657289N4b6344d4.jpg%21cc_350x449.jpg', 'http://b-ssl.duitang.com/uploads/item/201707/24/20170724135526_FCnkr.thumb.700_0.jpeg'];

function createImg(url) {
return new Promise((resolve, reject) => {
setTimeout(() => {
let img = new Image();
img.src = url;
document.body.append(img)
img.onload = () => {
resolve(img)
}
img.onerror = () => {
reject("加载失败")
}
}, 1000)
})
}

# forEach代码

p.forEach(async (item) => {
await createImg(item)
})

for循坏代码

async function run() {
for (let i = 0; i < p.length; i++) {
await createImg(p[i])
}
}
run()

最新文章

  1. Java 理论与实践: 处理 InterruptedException
  2. jmeter的http sample使用
  3. 抛开react,如何理解virtual dom和immutability
  4. 【USACO 2.1】Healthy Holsteins
  5. ok6410按键中断编程,linux按键裸机
  6. phpcms-v9视频模型的添加
  7. 【转】mac os x系统上Android开发环境的搭建
  8. RFID读卡器设置卡
  9. git免登录-ssh-key
  10. 利用ffmpeg解码h264流的代码
  11. oracle创建实例SID
  12. Spring环境配置
  13. 你不知道的JavaScript--Item15 prototype原型和原型链详解
  14. SpringBoot开源项目Jeeplatform
  15. python unittest setUp 和 setUpClass 区别
  16. [AHOI2014/JSOI2014] 解题报告
  17. Spring STS Call Hierarchy 查找不到被调用的信息
  18. Traceroute(路由追踪)
  19. 第7月第27天 c++11 boost
  20. aps.net webform框架下页面服务器端控件和html控件用法

热门文章

  1. maximum clique 1
  2. stream的filter用法
  3. 没有ORM库的时候,通过PDO连接MySQL的方法
  4. 20190819 [ B ]-沫
  5. ubuntu 软件的更新及解决软件中心自己无法打开
  6. Eclipse luna安装SVN
  7. socker TCP UDP BIO NIO
  8. angular4 动态创建组件 vs 动态创建模板
  9. Hystrix线程池配置
  10. python 随机模块random