javascript - 使用不同深浅的颜色更改背景颜色

Question

我正在尝试制作一个网页，其背景颜色随着彩虹的阴影而变化。我不想要任何平滑的过渡，我希望它们立即改变。对于阴影，我的意思是它不仅仅是从红色到橙色再到绿色等，我的意思是它使用每种颜色的阴影。

有点难解释，我是从this弄来的网站。如果您在登录页面上点击“检查元素”，然后访问控制台，您会看到一堆彩虹文字。用于实现此目的的代码是:

background:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet)

如您所见，它是代码中每种颜色的一堆不同色调。我将如何使用它，但作为我的网页的背景？

Answer 1

要立即更改背景颜色，我们可以使用 jquery 来完成。 请参阅此链接。

https://jsfiddle.net/9bcgw7x4/6/

$(document).ready(function(){
  var a = 1;
  var add =2;

  function changeBG(){
    var r = Math.floor((255 * a) / 100);  
    var g = Math.floor((255 * (100 - a)) / 100);
    var b = Math.floor((255 * a) / 100);  
    if(a<=0){
      add = 2;
    }else if(a>99){
      add=-2;
    }  
    a=a+add;    
    $('body').css('background-color', 'rgb('+r+','+g+','+b+')');
  }    
  setInterval(changeBG, 1000);

});