JavaScript js实现页面每次刷新更换一次背景和每隔一段时间更换背景

一、刷新一次换一次背景（随机）

原理：每次加载js文件执行一次换背景方法

//产生随机数
var currentImg = Math.floor(Math.random() * 3);
//定义一个存放照片位置的数组，可以放任意个，在这里放3个
var arr = new Array();
arr[0] = "C:/Users/zahui/Desktop/Java%20web/login/img/hhh.jpg";
arr[1] = "C:/Users/zahui/Desktop/Java%20web/login/img/sss.jpg";
arr[2] = "C:/Users/zahui/Desktop/Java%20web/login/img/718412.jpg";

先定义一个公共的数组，存放图片

function changeImg() {
     document.body.style.backgroundImage = "url(" + arr[currentImg] + ")";  //显示对应的图片
}

注意在路径写法

2、每隔一段时间更换背景

原理：利用定时器和循环来完成对背景的更换

//有序从0开
var currentImg = 0; 
//设置1000毫秒显示一张
 var timeInterval = 1000;、

完成定义后就写方法

function changeImg() {
     if (curIndex > arr.length - 2) {
         curIndex = 0;
     } els {  
     	 curIndex += 1;
     	 }
    document.body.style.backgroundImage = "url(" + arr[currentImg] + ")";  //显示对应的图片
}

这样就完成一个有序的切换

想法：想让js随机读取文件夹中的图片然后通过变量实现随机更换，而不用每次手动写数组，暂时还不知道怎么实现这个想法