1.html
<img src="../HTML/img/img_1.jpg" id="change"/>
2.js
1)获取id
var change=document.getElementById('change');
2)定义一个计数变量
var i=1;
3)设置定时器,2秒切换一下图片
setInterval(function(){},200)
setInterval(function(){
i++;
// 判断图片是否已经全部切换完,切换完重新开始
if(i==4){
i=0;
}
// 设置新的图片路径
var url='../HTML/img/img_'+i+'.jpg';
// 将新的路径给回去
change.setAttribute('src',url);
},2000)
*图片路径根据实际路径写
*图片名保持一致
*js写在html下面