js輪播圖程式碼
阿新 • • 發佈：2018-12-03
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .banner{ width: 100%; } </style> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <div class="banner"> <img id="img" src="img/1.jpg" /> </div> <script type="text/javascript"> var img=document.getElementById("img"); var i=1; function banner(){ i++; if(i>4){ //4表示只有四張圖片 i=1; //播放四次停止 //clearInterval(a); //return; } img.src="img/"+i+".jpg"; } setInterval(banner,1000); </script> </body> </html>