实现步骤:
1.获取img元素
2.定义更换图片的函数
3.使用setInterval()方法,按照指定的周期来调用函数
代码如下↓
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <img height="450" id="image" src="images/image01.png" width="100%"> 9 <script> 10 //1.获取img元素 11 var image = document.getElementById(‘image‘); 12 var flag = 1; 13 14 //2.定义更换图片的函数 15 function fun() { 16 flag++; 17 if (flag > 3) flag = 1; 18 image.src = "images/image0" + flag + ".png"; 19 } 20 21 //3.使用setInterval()方法,按照指定的周期来调用函数 22 setInterval(fun, 3000); 23 24 25 </script> 26 </body> 27 </html>
原文：https://www.cnblogs.com/lzk-20011119/p/14173344.html