每秒随机主体背景颜色

我制作了这个名为 makeRandColor 的函数,它使用 RGB 和模板字符串文字创建随机颜色,但它一直困扰着我知道如何让它每秒工作,我尝试了 settime interval 但它似乎不起作用,我错过了什么吗?

http://img3.mukewang.com/648a773f0001eda203960149.jpg

我想要它做的是这样的, document.body.style.backgroundColor = makeRandColor; , 但每秒 settimeinterval



温温酱
浏览 86回答 2
2回答

沧海一幻觉

你必须像这样使用它: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)

函数式编程

示例解决方案:    const changeBackground = (element) => {      const random0To255 = () => Math.floor(Math.random() * 255);        return () => {            element.style.backgroundColor = `rgb(${              random0To255()}, ${              random0To255()}, ${              random0To255()})`;             }       };setInterval(changeBackground(document.querySelector('body')), 1000);
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript