JavaScript foreach 循环遍历十六进制值数组，使用 setTimeout 循环遍历背景颜色

Question

我一直在努力想出最简洁的方法，以便我可以使用 JavaScript 更改背景颜色。 (试图掌握 forEach 和高阶函数的窍门只是为了好玩。)无论如何，这将在页面加载时运行，我认为我非常接近:

function background(){
    var colorArray = ["#14183b", "#002e2e", "#0d2d40", "#173052", "#194759", "#296b73"];
    function change(newcolor){
        document.body.style.backgroundColor=newcolor;
    }
    colorArray.forEach(function(color){
        setTimeout(change(color), 1000);
    });
}

问题是背景颜色只显示数组中的最后一个元素。我也不确定如何在完成后重新启动 forEach 循环。感谢您的帮助!

Answer 1

像这样...也可以...

var colorArray = ["#14183b", "#002e2e", "#0d2d40", "#173052", "#194759", "#296b73"];

变量计数 = 0;

    function change() {
        document.body.style.backgroundColor = colorArray[count];
        count++;
        if(count == colorArray.length) {
            count = 0;
        }
    }

    setInterval(function(){
        change();
    }, 1000);