请老师看看哪儿不对
为啥我的三张图片是一起显示的？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<style type="text/css">
img{width: 30%;}
</style>
</head>
<body>
<script>
//补充代码
function getImg(url){
$("body").append($(`<img src=${url} />`));
}
var x=new Promise(resolve=>{
setTimeout(function(){
getImg('http://img1.sycdn.imooc.com/climg//5b16558d00011ed506000338.jpg');
resolve();
},1000);
});
x.then(function(){
getImg('http://img1.sycdn.imooc.com/climg//5b165603000146ca06000338.jpg');
return x;
})
.then(function(){
getImg('http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg');
});
</script>
</body>
</html>
正在回答
同学你好，x是一个promise对象，但就是因为用的是同一个promise对象，所以状态才会一样，导致同时显示：
所以不能使用同一个promise对象，一个图片调用一次函数new一个promise，就像老师第一次给同学改正的那样。
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星