每秒随机主体背景颜色

Question

我制作了这个名为 makeRandColor 的函数，它使用 RGB 和模板字符串文字创建随机颜色，但它一直困扰着我知道如何让它每秒工作，我尝试了 settime interval 但它似乎不起作用，我错过了什么吗？我想要它做的是这样的， document.body.style.backgroundColor = makeRandColor; , 但每秒 settimeinterval

Answer 1

你必须像这样使用它：

const makeRandColor = () => {

        const r = Math.floor(Math.random() * 255)

        const g = Math.floor(Math.random() * 255)

        const b = Math.floor(Math.random() * 255)

  

        return `rgb(${r},${g},${b})`

     }

     

setInterval(() => {

        document.body.style.backgroundColor = makeRandColor();

    },1000)

Answer 2

示例解决方案：

    const changeBackground = (element) => {

      const random0To255 = () => Math.floor(Math.random() * 255);

        return () => {

            element.style.backgroundColor = `rgb(${

              random0To255()}, ${

              random0To255()}, ${

              random0To255()})`;

             }

       };

setInterval(changeBackground(document.querySelector('body')), 1000);