老师，帮忙检查下
来源：5-3 编程练习
浩铭620
2022-02-18 18:58:44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img{
width: 250px;
}
</style>
</head>
<body>
<script>
let imgLoad = url=>{
return new Promise((resolved,rejected)=>{
let img = new Image()
img.onload=()=>{
resolved(img)
}
img.onerror=()=>{
rejected()
}
img.src = url
document.body.appendChild(img)
})
}
imgLoad('http://climg.mukewang.com/5b16558d00011ed506000338.jpg')
.then(
setTimeout(()=>{imgLoad('http://climg.mukewang.com/5b165603000146ca06000338.jpg ')},1000)
).catch(err=>{
console.log(err)
}).then(
setTimeout(()=>{imgLoad('http://climg.mukewang.com/5b1656140001c89906000338.jpg ')},2000)
)
</script>
</body>
</html>
1回答
-
同学你好，代码可以实现效果，棒棒的！但还可以进一步优化一下，比如把定时器放到Promise对象中，如下：
最后效果：
同学自己试试，祝学习愉快！
0
相似问题