Html 每10秒更改一次主体背景

我正在寻找一个非常简单和轻量级的代码，每10秒更改一次网站的主体背景（它也可以与css一起），这应该是jquery和css的简单功能，对吗

---

我该怎么做呢？

您可以使用JavaScript的setTimeout（）函数。下面是一个如何使用它的示例

对于setTimeout（），需要两个参数，一个是函数，另一个是整数，即超时将持续多长时间

因此，对于您的实例，您可以执行以下操作：

$(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

---

因此，我希望这能有所帮助：）

custom-background.js是一个轻量级jQuery插件，允许用户更改网站的默认背景，并将所选背景保存到本地存储。此插件可以轻松添加到任何网站或web应用程序，而不会影响网站的性能

---

使用jQuery可以很容易地做到这一点

一个简单的javascript函数，每X秒在两种颜色之间切换一次 功能切换颜色（颜色1、颜色2、循环时间、等待时间）{

---

您可以检查工作演示和解释。

您尝试过任何东西吗？看，您会发现：ok try settimeout（）并返回代码：）它对我不起作用…标记/html应该是什么样子？

code

Test Page Hello World！$（函数（）{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）；

code

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);
    });
}
}