javascript - 随着时间间隔改变背景颜色

标签 javascript timer background-color intervals

我试图慢慢地将背景颜色从黑色 rgb(0,0,0) 更改为 rgb(8,8,8) 等等 rgb(255,255,255)。我想使用 Javascript 和函数来做到这一点。我似乎陷入了无限循环,我不知道为什么。请帮助。谢谢!

<body onload="setInterval">
    <div id="topBanner">
        <h1>Testing</h1>
    </div>
    <script>
        setInterval(function() {
            for (var x = 0; x <= 255; x + 8) {
                document.body.style.background = "rgb(" + x + "," + x + "," + x + ")"
            }
        }, 1000)
    </script>
</body>

最佳答案

因为for循环自增语句x + 8:

for (var x = 0; x <= 255; x + 8) {

您应该使用 x = x + 8x += 8 因为您将 x 增加 8,但您'不再将其分配给x

关于javascript - 随着时间间隔改变背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32150851/

相关文章:

html - 如何在 Safari 浏览器中将背景颜色拉伸(stretch)到视口(viewport)的左侧和右侧

javascript - 使用条件设置下一个标签/类的样式

javascript - 创建可导出对象或模块以使用 CommonJS/NodeJS javascript 包装第三方库

javascript - 如何使用 jquery 影响特定元素

javascript - Protractor 测试有时会失败

c# - 计时器上耗时?

.net - C++ .net 定时器中使用的加等号是什么

java - 如何更改 Java 面板的背景颜色?

javascript - Angular 计时器指令不适用于 ionic 框架

html - 响应式背景(视频背景和背景色)