Question

我正在为我的课程完成作业，我想在我的js页面中使用setInterval方法将我的网站正文的背景颜色更改为随机颜色。

我该怎么做？

Answer 1

虽然这不是发布作业的地方，但我会帮助你：

＆＃13;

function randomColor () {
  return Math.floor(Math.random() * 256); // return random int from 0 to 255
}
setInterval(function () { // pass anonymous function to setInterval
  var r = randomColor(), g = randomColor(), b = randomColor();
  document.body.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
}, 1000); // once every 1000ms

＆＃13;

some text

＆＃13;

您也可以使用其他方法：

＆＃13;

setInterval(function () { // pass anonymous function to setInterval
  var rgb = Math.floor(Math.random() * 0x1000000).toString(16); // random hexa number from 0 to ffffff
  document.body.style.backgroundColor = "#" + ("00000" + rgb).substr(-6); // make sure we have exactly 6 hexa digits
}, 1000); // once every 1000ms

＆＃13;

some text

＆＃13;

Answer 2

你可以这样做：

<body style="height: 200px;background-color:yellow;">

</body>

      <script>
        function randomRGB() {
          var x = Math.floor((Math.random() * 254) + 1);
          return x;
          }

        setInterval(function(){
            document.body.style.backgroundColor  = 'rgb(' + randomRGB() + ',' + randomRGB() + ',' + randomRGB() + ')';
                  }, 2000);
      </script>

Answer 3

＆＃13;

(function() {
    var interval = 1000; // 1 second
    var timer = setInterval(function() {
        var color = '#' + ("000000" + Math.random().toString(16).slice(2, 8).toUpperCase()).slice(-6);
    	document.body.style.backgroundColor = color;
    }, interval);
    	    
    // Remember to clear the interval with clearInterval(timer) if needed
}())

＆＃13;

<!DOCTYPE html>
<html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Colors!</title>
    </head>
    <body>
    </body>
</html>

＆＃13;

Answer 4

像setInterval(function(){//code}, 1000)

一样使用它

1000是以毫秒为单位的时间。每个'1秒'的功能都将被执行。

在以下代码中，我使用"#"+((1<<24)*Math.random()|0).toString(16);生成随机颜色

setInterval(function(){document.body.style.background = "#"+((1<<24)*Math.random()|0).toString(16);},500);

body {height: 100%;}

<body></body>

如何在javascript中使用setInterval方法来改变主体的背景颜色？

4 个答案: