javascript - 通过 Javascript 中的循环操作颜色

Question

我正在尝试创建一个 for 循环来操作 Javascript 页面的背景，我想创建从 rgb(0;0;0) 到 rgb(255;0;0) 的淡入淡出效果

但是我陷入了循环，我没有找到将变量传递给 rgb() 函数的方法。

这是我的 Javascript 代码:

var r;

function change() {
  var doc = document.body;
  var color;

  for(r = 0; r < 256; r++){
    color = rgb(r; 0; 0);
    doc.style.backgroundColor = color;
  }
}

setInterval(change, 100);

Answer 1

试试这个

var r = 0;

function change() {
    color = 'rgb(' + r +', 0, 0)';
    document.body.style.backgroundColor = color;
    r < 256 ? r++ : 0;
}

setInterval(change, 100);