页面所有元素颜色随机

最新推荐文章于 2024-11-02 12:42:04 发布

мо仙堡杠把子灬

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量94

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43553701/article/details/131792434

版权

这段代码定义了一个函数method2生成随机颜色，然后使用setTimeout在3秒后执行一个函数，该函数遍历HTML文档中的所有元素，对每个元素设置一个定时器，每隔100毫秒改变其背景颜色为随机颜色，并调整字体大小为随机数值。

摘要由CSDN通过智能技术生成

setTimeout(() => {
  function method2() {
    var color = "#";
    for (let i = 0; i < 6; i++) {
      color += (Math.random() * 16 | 0).toString(16);
    }
    return color;
  }
  let iterator = (els) => {
    for (let item of els) {
      if (item && item.childNodes) {
        iterator(item.childNodes);
      }
      if (item.nodeType == 1) {
        setInterval(() => {
          item.style.background = method2();
          item.style.fontSize = Math.random() * 20 + 'px';
        }, 100);
      }
    }
  };
  console.log(iterator(document.getElementsByTagName('html')));
}, 3000);