效果实现了,不知道写法好不好

效果实现了,不知道写法好不好

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
img{
float: left;
height: 200px;
}
</style>
</head>
<body>
<script type="text/javascript">

function f(){
return new Promise(resolve =>{
setTimeout(function(){
resolve();
},1000);
})
}

f()
.then(function(){
let imgBox=document.createElement('img');
imgBox.src='http://img1.sycdn.imooc.com/climg//5b16558d00011ed506000338.jpg';
document.body.appendChild(imgBox);
return f();
})
.then(function(){
let imgBox=document.createElement('img');
imgBox.src='http://img1.sycdn.imooc.com/climg//5b165603000146ca06000338.jpg';
document.body.appendChild(imgBox);
return f();
})
.then(function(){
let imgBox=document.createElement('img');
imgBox.src='http://img1.sycdn.imooc.com/climg//5b1656140001c89906000338.jpg';
document.body.appendChild(imgBox);
})
</script>
</body>
</html>

想将图片放进一个json内,自动进行操作,怎么做呢?


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,效果实现的是可以的,但是代码可以再简化一下。

http://img1.sycdn.imooc.com//climg/5ddc9af5090708c512100722.jpg

放到一个json文件里面要通过ajax去请求数据,数据请求回来之后,也是要手动的去把数据写上,也没有自动这一说话,反而会更麻烦,按照上面截图中的方法就可以。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

好帮手慕言 2019-11-26 13:53:29

同学你好,这边使用的是vscode编辑器的默认主题。如果同学有兴趣的话,关于vscode编辑器有一个免费课,同学可以去学习下,链接:https://www.imooc.com/learn/1106

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师