图片过期自行复制图片地址即可
<!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>轮播图</title>
<style>
#lunbo{
width: 850px;
height: 350px;
/* border: 1px solid red; */
margin: 0 auto;
}
#lunbo img{
width: 850px;
height: 350px;
}
</style>
</head>
<body>
<div id="lunbo">
<img src="http://p1.music.126.net/g19Ub6mO__Plv-aBkSXQYg==/109951166675040341.jpg?imageView&quality=89" alt="">
</div>
<script>
let imgs = ["http://p1.music.126.net/iTFFoF4_wDyqd0BHVkMyEw==/109951166675032377.jpg?imageView&quality=89",
"http://p1.music.126.net/FWqCkViXbp9ngu9xMu0yZQ==/109951166675050892.jpg?imageView&quality=89",
"http://p1.music.126.net/wSMJ_anMADhQGrw8YpnDvA==/109951166675099566.jpg?imageView&quality=89",
"http://p1.music.126.net/bHMN6u7qlRVXdm_-wqtbDg==/109951166674043750.jpg?imageView&quality=89",
"http://p1.music.126.net/FQPKuU8YF-M7S0yuF0WbXg==/109951166675097283.jpg?imageView&quality=89",
]
let img_obj = document.querySelector("#lunbo img")
let i = 0
setInterval(() => {
if (++i>imgs.length-1)i=0
img_obj.src = imgs[i]
}, 2000);
</script>
</body>
</html>
