JavaScript随机生成十六进制颜色

r囧r小猫 2023-10-06 22:00 64阅读 0赞

![在这里插入图片描述][19be59f7540e4cb383cbb7e6d1da75ca.gif_pic_center]

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>wgchen</title>
        <link rel="shortcut icon" href="#" />
        <meta name="keywords" content="https://wgchen.blog.csdn.net">
        <meta name="keywords" content="技术文章">
        <meta name="keywords" content="博客">
        <meta name="keywords" content="willem">
        <meta name="keywords" content="ycc">
    </head>
    <body>
    
    <p id="Id1">It is test 1.</p>
    <button type="button" onclick ="changeColor()">
        Change color
    </button>
    
    <script>
    function randomHexColor() {
         
        //随机生成十六进制颜色 
        var hex = Math.floor(Math.random() * 16777216).toString(16);
        //生成ffffff以内16进制数 
        while (hex.length < 6) {
         
            //while循环判断hex位数，少于6位前面加0凑够6位
            hex = '0' + hex;
        }
        return '#' + hex; //返回‘#'开头16进制颜色
    }
    
    function changeColor(){
         
      x=document.getElementById("Id1");
      x.style.color=randomHexColor();
    }
    </script>   
    
    </body>
    </html>

[19be59f7540e4cb383cbb7e6d1da75ca.gif_pic_center]: https://img-blog.csdnimg.cn/19be59f7540e4cb383cbb7e6d1da75ca.gif#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关学习如何像专家一样使用 JavaScript 生成随机颜色

使用 JavaScript 生成随机颜色可能有点令人生畏，尤其是对于新开发人员而言。在这篇文章中，我将向您介绍如何使用 JavaScript 生成随机颜色。创建一个 in

矫情吗；*/ 2024年03月17日 09:17/ 0 赞/ 57 阅读

相关 JavaScript随机生成十六进制颜色

![在这里插入图片描述][19be59f7540e4cb383cbb7e6d1da75ca.gif_pic_center] <!DOCTYPE html> <

r囧r小猫/ 2023年10月06日 22:00/ 0 赞/ 65 阅读

相关 js随机生成颜色getRandomColor代码

js随机生成颜色 function getRandomColor () { const rgb = [] for (let i = 0 ;

偏执的太偏执、/ 2023年08月17日 15:31/ 0 赞/ 150 阅读

相关随机一个十六进制颜色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

阳光穿透心脏的1/2处/ 2023年06月05日 08:12/ 0 赞/ 12 阅读

相关利用十六进制编写随机颜色

一、先写一个生成随机数的函数 function random(min, max) { return Math.round(Math.random(

快来打我*/ 2022年12月22日 08:49/ 0 赞/ 148 阅读

相关 JS实现随机生成十六进制颜色值的代码

//定义一个函数，实现随机生成十六进制颜色值 function getColor()\{

待我称王封你为后i/ 2022年09月26日 01:45/ 0 赞/ 329 阅读

相关【Java】随机生成16进制颜色

public static String getRandColorCode() { String r, g, b; Random random

水深无声/ 2022年08月22日 01:17/ 0 赞/ 318 阅读

相关 [work] python随机生成颜色

本博客主要用python语言随机生成RGB代码，如下： import random def randomcolor(): colorArr =

缺乏、安全感/ 2022年04月10日 08:22/ 0 赞/ 800 阅读

相关随机生成颜色代码

在网上找了随机生成16进制颜色码值 //随机生成颜色代码 public static String getColor()\{ //红色

骑猪看日落/ 2021年11月26日 23:50/ 0 赞/ 472 阅读

相关 JavaScript生成随机颜色

生成随机颜色代码 // rgb颜色随机 function rgb() { var r = Math.floor(Math.random()25

小鱼儿/ 2021年09月22日 00:54/ 0 赞/ 358 阅读