按時間旋轉身體的背景圖像

有人可以幫我做一個簡單的javascript來獲取元素身體，所以我可以改變它的風格每隔X秒更換背景圖片？按時間旋轉身體的背景圖像

2011-09-01 Cory

設置功能切換的背景和添加的間隔做到這一點。背景包含在陣列bgArr。

bgArr = ['images/bg1.jpg', 'anotherdir/bg2.jpg', 'otherone/bg3.jpg']; 
bgCur = 0; 
backgroundSwitch = function() 
{ 
    if (bgCur == bgArr.length) bgCur = 0; 
    document.body.style.backgroundImage = 'url('+ bgArr[bgCur++]+ ')'; 
} 
window.setInterval(backgroundSwitch, 30000); // Switch every 30 seconds.

來源

2011-09-01 00:46:06

它切換，但它只是不繼續通過圖像旋轉。如果我創建了一個數組，這會解決嗎？以及如何在JavaScript中創建一個數組？非常感謝！ – Cory

當然你需要一個數組......我現在會更新我的答案。 – 2011-09-01 00:53:36

退房setInterval

setInterval(function() { 
    document.body.style.backgroundImage = new_image; 
}, 3000);

來源

2011-09-01 00:41:18 Joe

有你需要三樣東西（其中兩個已經被其他的答案中提到）：

內置函數setInterval()，到斷火的處理函數每X秒。
表達式document.body，它可讓您直接引用body元素的DOM對象。
將在圖像之間切換的功能（將傳遞給setInterval()）。這可能需要一些數據結構才能記住要切換的圖像列表。

例如：

var images = ['./image1.jpg', './image2.jpg']; 
var curImage = 0; 
function switchImage() 
{ 
    curImage = (curImage + 1) % images.length 
    document.body.style.backgroundImage = 'url(' + images[curImage] + ')' 
} 
window.setInterval(switchImage, numSeconds * 1000);

來源

2011-09-01 01:01:19 azernik

按時間旋轉身體的背景圖像

回答

相關問題