尝试is制作轮播图

<!DOCTYPE html> <html> <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>图片转换2</title> </head> <body>     <img id="img">     <script>         let arr = ["http://p1.music.126.net/wBMu9w9U8o7k4CDssm5FDg==/109951166684652624.jpg?imageView&quality=89",             "http://p1.music.126.net/82byaQmflAHb77TFu5l5HQ==/109951166682139804.jpg?imageView&quality=89",             "http://p1.music.126.net/E48vzvU2Ppqr3NtSQ8BZng==/109951166682150985.jpg?imageView&quality=89",             "http://p1.music.126.net/5u6sN5t0dV1HuYjwMrgLbQ==/109951166684095755.jpg?imageView&quality=89",             "http://p1.music.126.net/k_nbrLSjaqTw1e1Qqy2zDQ==/109951166684891970.jpg?imageView&quality=89",             "http://p1.music.126.net/pl-5HNltwsROA5s6cwMKHQ==/109951166681395717.jpg?imageView&quality=89"]         //获取图片对象         let img = document.querySelector('#img')         //定义一个下标         let index = 0         //默认显示第一张图片         img.scr = arr[index]         setInterval(() => {             if (index === arr.length - 1) index = -1             img.src = arr[++index]         }, 3000);     </script> </body> </html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容