javascript - 根据一天中的时间不断改变背景颜色

Question

我想写一个脚本:

1. 每 1 秒不断更改背景颜色。
2. 当您第一次访问该网页时，起始颜色是根据一天中的时间设置的。因此，如果我在每天早上 7 点(或接近那个时间)访问该网站，无论我的浏览器是否打开 10 小时，它都将始终显示为红色。

如果没有大量 IF 语句，我如何做到这一点？

看这里:https://stackoverflow.com/a/1455177/560287它说有 16776960 种不同的颜色，我不需要那么多，但我怎样才能将其减少到 setInterval 中，使其每秒淡出彩虹的颜色？

Answer 1

这个有效:

首先让我们创建将执行此操作的函数:

    "use strict";
            function changeColor() {
    //rgb
    console.log('event fired');
    var colors = [0, 0, 0];
    var hour = new Date().getHours();
    console.log(hour);

    //Will get an valid rgb color
    var color = parseInt(255/24*hour);
    console.log(color);
    for(var i = 0; i < colors.length; i++) {
        colors[i] = color;
    }
    //add the color to the element you want:
    document.body.style.backgroundColor = "rgb("+colors[0] + "," + colors[1] + "," + colors[2] + ")";
    console.log("event fired. color get:" + colors[0] + colors[1] + colors[2]);
  }

之后，让我们创建一个每 30 分钟触发一次的事件(颜色每 30 分钟更改一次):

setInterval(changeColor,1800000);