javascript - 我试图改变我的背景，但它不起作用。怎么了？

Question

我正在尝试创建一些每秒都会更改正文背景颜色的 javascript。我对其进行了研究并提出了这段代码，但它没有用。

var x;

    function changecolors() {
        x = 1;
        setTimeout(change, 1000);
    }

    function change() {
        if (x === 1) {
            color = "blue";
            x = 2;
        } 

        if (x === 2) {
            color = "green";
            x = 3;
        }

        if (x === 3) {
            color = "red";
            x = 1;
        }

        document.body.style.background = color;
    }

这段代码有什么问题吗？

Answer 1

setTimeout() :在指定的毫秒数后仅执行一次函数。

setInterval() 方法以指定的时间间隔(以毫秒为单位)调用函数或计算表达式。

Resource : https://www.w3schools.com/jsref/met_win_setinterval.asp

注意:您将 x 更改为 1 、 2 和 3 ，我认为您希望在 1000 毫秒后更改背景颜色蓝色、绿色、红色:

所以使用 setInterval 而不是 setTimeout :

完整代码:

var x=1;

setInterval (change,1000);

function change() {

   if (x === 1) {

      color = "blue";

      x = 2;

   } 

   else if (x === 2) {

      color = "green";

       x = 3;

   }

   else if (x === 3) {

     color = "red";

     x = 1;

   }

   document.body.style.background = color;

}