今天了解了如何使用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內置函數，按照指定的周期（按毫秒計）來調用函數或表達式。
