每10秒改變一次身體背景

Question

我正在尋找一個非常簡單和輕量級的代碼，每10秒更改一次網站的主體背景（它也可以和CSS一起），它應該是jQuery和CSS，對嗎？

我該怎麼做？

Answer 1

您可以使用JavaScript的setTimeout（）函數。這裏是一個如何使用它的例子。

對於setTimeout（），您需要2個參數，一個是您的函數，另一個是整數，這是您的超時時間將持續多長時間。

所以對於你的情況，你可以這樣做：

$(function() { 
    var newBg = ['img1.png', 'img2.jpg', 'img3.png']; 
    var path="img/"; 
    var i = 0; 

    var changeBg = setTimeout(function() { 
     $('body').css({backgroundImage : 'url(' path + newBg[i] + ')'}); 
     if(i == newBg.length) 
      i=0; 
     else 
      i++; 
    }, 10000); 
}); 

這將創建您的圖像，與路徑指定的數組。因此，我創建了一個變量來檢查arrayList的長度，以及是否需要重置變量i。

，所以我希望幫助:)

Answer 2

定製background.js是一個輕量級的jQuery插件，允許用戶更改網站的默認背景，將保存到本地存儲的背景。這個插件可以很容易地添加到任何網站或網絡應用程序，而不會對網站性能造成任何影響。

https://github.com/CybrSys/custom-background.js

Answer 3

您可以輕鬆地用jQuery做到這一點。

一個簡單的JavaScript函數兩種顏色每X秒 功能toggle_color（顏色1，顏色2，CYCLE_TIME，WAIT_TIME）{

setInterval(function first_color() { 
    $("body").animate({ 
     backgroundColor: color1 
    }, 1000, function() { 
     setTimeout(change_color, wait_time); 
    }); 
}, cycle_time); 

function change_color() { 
    $("body").animate({ 
     backgroundColor: color2 
    }, 1000, function() { 
     setTimeout(function() {}, wait_time); 
    }); 
} 
} 

之間切換，您可以檢查Changing background color every X seconds in Javascript的工作演示和解釋。