1.html文件的body里写下一个img标签与src引用的图片地址；

 （记得要给你的图片建一个文件夹，放在你的html文件附近；添加id是为了在js部分的获取）

2. 新建一个js文件（当然了，您也可以在html文件的body部分 使用内联js）

3.在js部分

​​​​​​//获取这个img标签
var left_img = document.getElementById("left_img");

//给图片的地址弄个数组，我有4张图片，也就写下了4个地址
var imgArr = ["./body_img/left_img/1.jpg","./body_img/left_img/2.jpg","./body_img/left_img/3.jpg","./body_img/left_img/4.jpg"];

//使用index来计数
var index = 0;

//使用BOM里的window对象的 定时器函数setInterval() 
/*括号里的第一个参数写我们要实现的函数 
第二个参数是一张图片要定时的时间，单位是毫秒  */

setInterval(function(){
    index++;
    /*//随着index的递增，肯定会大于图片的张数4，
    所以我们取个余数使它实现图片1-4的循环。我这里的图片有4张 */
    index %= imgArr.length; 
    //把数组里的内容赋值给left_img的src，即可改变图片
    left_img.src = imgArr[index];

},2000);

4.最后就是在html的body的后面位置，引入我们的js文件啦，src填的是js的文件完整名。（我这里的js完整名就是：图片切换.js）