JavaScript随机生成十六进制颜色

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

在这里插入图片描述

<!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>

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关颜色随机生成拾取器

最新更新时间：2019年10月25日16:35:21 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：生成随机颜色，效果见文末。

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

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

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

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

相关让Python随机生成颜色

颜色的表示方式有三种：RGB、十六进制和颜色名 Python支持的颜色有：十六进制和颜色名十六进制颜色值是和RGB有着关联的，比如这个颜色 ██████████ 纯红色

傷城~/ 2023年02月15日 13:45/ 0 赞/ 16 阅读

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

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

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

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

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

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

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

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

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

相关随机生成颜色代码

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

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

相关 JavaScript生成随机颜色

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

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