轮播图案例 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>轮播图</title>
 6 </head>
 7 <body>
 8 <img id="img" src="img/banner_1.jpg" width="100%">
 9 <script>
10     var number=1;
11     function fun() {
12          number++;
13 
14          if(number>3){
15              number=1;
16          }
17          var img=document.getElementById("img");
18          img.src="img/banner_"+number+".jpg";
19     }
20 
21     //定义定时器
22     setInterval(fun,3000);
23 </script>
24 </body>
25 </html>

 

posted @ 2021-06-02 19:12  丁帅帅dss  阅读(35)  评论(0)    收藏  举报