javascript - 如何使用 javascript 更改背景颜色

标签 javascript

我期望这段代码能够运行,但没有成功。有人可以告诉我这段代码有什么问题吗...谢谢

<script>

var color = ["red","green","pink"];

function changeBackground(){

    for(var i=0; i<color.length; i++){
        document.body.style.background = color[i];

        if(i == color.length){
            i = 0;
        }
    }
}

setInterval(changeBackground, 1000);

</script>

最佳答案

以上代码的作用是:每秒运行函数changeBackground,该函数循环并(快速)更改背景三次。

以下代码应该可以工作:

<script>

var color = ["red","green","pink"];
var index = 0;

function changeBackground(){
    document.body.style.background = color[index];
    index = index + 1;
    if(index == color.length){
        index = 0;
    }
}
setInterval(changeBackground, 1000);
</script>

关于javascript - 如何使用 javascript 更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36757318/

相关文章:

javascript - 失败的 Prop 类型 : Invalid prop `component` of type `object` supplied to `Route` , 预期 `function`

javascript - 如何使用 history.js 捕获一次状态更改事件?

javascript - jQuery 验证无法正常工作

javascript - 如何从具有顺序号的值创建有序数组?

javascript - 使用 Material Components Web 在应用栏上进行可扩展搜索

javascript - 将js函数转换为内联onclick

javascript - Angular isState - 如何在 ng-if 内进行比较?

javascript - Angularjs ng-if 不工作但记录 bool 值显示预期值

javascript - 最小两个单词的正则表达式

javascript - 使用 momentjs,如何找到一个月中特定日期的工作日编号,以及给定月份中有多少个工作日