老师看我这个OK吗
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//补充代码
// 编程练习
//实现一个图片的加载；设置第一张图片加载1s之后加载第二张图片
// http://img1.sycdn.imooc.com/climg//5b16558d00011ed506000338.jpg
// http://img1.sycdn.imooc.com/climg//5b165603000146ca06000338.jpg
// http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg
function init(url) {
// 先返回一个promise对象
return new Promise(resolve => {
let img = new Image();
img.src = url;
document.body.appendChild(img)
setTimeout(function () {
resolve()
},1000)
})
}
init('http://img1.sycdn.imooc.com/climg//5b16558d00011ed506000338.jpg')
.then(() => {
console.log('第一张图片加载完成');
return init('http://img1.sycdn.imooc.com/climg//5b165603000146ca06000338.jpg')
})
.then(() => {
console.log('第二张图片加载完成');
return init('http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg')
})
.then(() => {
console.log('第三张图片加载完成')
})
</script>
</body>
</html>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星