今天了解了如何使用js来达到使页面自动更换背景图片，当我们在浏览一些网站的首页时，首页的顶端部分往往是有一些图片构成，同时图片会自动更换，这大概（对，大概，因为我也不确定）使用的是定时器原理吧，即设定一个固定的时间，当过了该段时间时会触发某个事件或者完成某个动作，下面我的这段代码就是设置2000ms时间更换一次背景图片。仅展示js部分代码：
window.onload=function(){
var imgs =["head0.jpg", "head1.jpg", "head2.jpg"]; //（设定想要显示的图片）
var i = 0;
var head=document.getElementById("head");//获取DIV对象
head.style.background="url(head2.jpg)"; //设置图片的初始图片为该路径的图片
function time(){
i++;
i=i%3; // 超过2则取余数，保证循环在0、1、2之间
head.style.background="url("+imgs[i]+")";
}
setInterval(time,2000);//循环调用time1()函数，时间间隔为2000ms
//setInterval()函数，按照指定的周期（按毫秒计）来调用函数或表达式
}
</script>
代码个人解释：当页面加载时会通过window.onload=function()这段代码来实现js，首先将需要更换的图片的名称以字符串的形式存在一个名为imgs的数组内，然后通过document.getElementById("head")来获取DIV对象并将其命名为head,其次head.style.background="url(head2.jpg)";来设置背景的初始图片为该路径的图片，因为js是基于面向对象的一种编程语言，所以可以通过点（.）的方式在样式（style）中设置background的地址，初始图片设置完成之后执行time()函数，再通过setInterval(time,2000);循环调用该函数，setInterval()函数为js内置函数，按照指定的周期（按毫秒计）来调用函数或表达式。
