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/1.jpg" width="500px"> 9 10 <script> 11 var num = 1; 12 function fun() {//修改src属性 13 num++; 14 if (num > 9) 15 num = 1; 16 var img = document.getElementById("img"); 17 img.src = "img/" + num + ".jpg"; 18 } 19 setInterval(fun,3000);//每三秒切换一次 20 </script> 21 </body> 22 </html>