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

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

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

Answer 3

您可以使用jQuery轻松完成此操作。

一个简单的javascript函数，每隔X秒在两种颜色之间切换 function toggle_color（color1，color2，cycle_time，wait_time）{

$('#myform').find('input, textarea').on('change keyup', function () {

您可以查看Changing background color every X seconds in Javascript的工作演示和说明。

每10秒更换一次背景

3 个答案: