随机生成一个颜色十六进制

最新推荐文章于 2024-01-03 16:23:52 发布

LILEILEILOVE

最新推荐文章于 2024-01-03 16:23:52 发布

阅读量404

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： js

本文链接：https://blog.youkuaiyun.com/LILEILEILOVE/article/details/105843902

JS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript生成随机颜色的方法，并将其应用于网页元素的背景色中，通过循环数组选择字符并拼接成十六进制颜色代码，最终在页面上显示带有随机背景色的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function font(){
var str=’’;
var arr=[];

    for (var i=1;i<=6;i++){
        var list=['a','b','c','d','e','f',
        '1','2','3','4','5','6','7','8','9','0'];
       
    var num=Math.round(Math.random()*15);
        var add=list[num];
        arr.push(add);
    }
    console.log(arr)
    str=arr.toString();
    str=str.replace(/,/g,"");

    var col='#'+str;
    console.log(col);
    document.write("<p>"+col+"<p>");
    document.write("<h1 style='width=100px;background-color:"+col+";height:100px'>hello world</h1>")
    // console.log(arr);
    // console.log(str);
    }
    font();