Question

我的想法是制作一个每三秒左右更改一次背景的HTML页面。我开始简单，只有两种可能的变化，并打算稍后转向更多可能的背景图像。例如，每次传递3秒，一些全局临时变量（如果全局范围存在于JS或HTML中，如在C ++中），计算背景更改的次数将增加1，最终将决定什么下一个背景是。

出于测试和学习的目的，我开始时有两个背景，由if条件确定：

<script>

function diffBg (){         

        var loc="url('1.jpg')";
        var loc2="url('2.jpg')";

        if (document.body.style.backgroundImage == loc)
        {
            document.body.style.backgroundImage = loc2;
        }
        else
        {
            document.body.style.backgroundImage = loc;
        }
    }

</script>

该功能将由身体事件触发：

<body onload="setInterval(diffBg,3000)">

加载后，页面背景首先是白色。 3秒后，背景改变，永远不会再改变。

我认为错误只与身体加载有关，因此该函数只被调用一次。我怎么能解决这个问题？

我是一名JS和HTML初学者。我只使用C ++编程，我想我使用的是＆＃34; C ++逻辑＆＃34;我所做的一切。

非常感谢每一位帮助。提前谢谢。

编辑：帖子What's the easiest way to call a function every 5 seconds in jQuery?对我毫无帮助。我尝试过提到的方法，但都没有。

使用JavaScript重复更改HTML文档背景

0 个答案: