JavaScript随机生成16进制颜色值

一、案例展示

JS代码

var color = '#'+ Math.random().toString(16).substr(2,6);

最终结果：

二、方法介绍

方法名	描述
Math.random（）	返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1)
toString（16）	将随机数转换为16进制的字符串。
substring（2,6）	截取指定数目的字符，因为随机数大于等于0小于1，所以前两位是“0.”，故以下标2为起点开始截取。

1、随机函数：Math.random（）

Math.random（）函数返回介于0 ~ 1之间的一个随机数。可能为0，但总是小于1，[0,1)

例子代码：

//1、随机生成介于0~1的数
var num1 = Math.random();
//2、生成0~1的小数 乘于 10
var num2 = Math.random() * 10;//3、丢弃小数部分,保留整数部分
var num3 = parseInt(num2);
//4、向上取整,有小数就整数部分加1
var num4 = Math.ceil(num2);
//5、四舍五入
var num5 = Math.round(num2);
//6、向下取整
var num6 = Math.floor(num2);

最终结果：

2、字符输出函数：object.toString(radix)

toString（）方法可把一个逻辑值或者数值等转换为字符串

类型

描述

逻辑值

booleanObject.toString()

根据 booleanObject 对象的布尔值，返回该值的字符串 "true" 或 "false"。

数值

可选。规定表示数字的基数，为2 ~ 36 之间的整数。若省略该参数，则默认使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECMAScript 标准允许实现返回任意值。

2 - 数字以二进制值显示
8 - 数字以八进制值显示
16 - 数字以十六进制值显示

例子代码：

var num = Math.random();
console.log("默认十进制：" + num);var color1 = '#'+ num.toString(2).substr(2,6);
var color2 = '#'+ num.toString(8).substr(2,6);
var color3 = '#'+ num.toString(16).substr(2,6);

最终结果：

3、截取函数：stringObject.substr（start,length）

参数	描述
start（必需项）	指定截取的起始下标。如果值为负数，则以字符串的尾部为参考点，默认为头部。
length（可选项）	自定截取的字符个数。如果省略该参数，则返回从stringObject的截取位置到结尾的字串。

例子代码：

var num1 = Math.random().toString(16);
var num2 = num1.substr(2,6);
var num3 = num1.substr(-6);

最终结果：

JavaScript随机生成16进制颜色值相关推荐

js随机生成16进制颜色值
js随机生成16进制颜色值背景很多情况下,我们会遇到给某个dom设置随机颜色,这里采用js函数直接生成,并返回随机16进制颜色值. function getRandomColor{var str= ...
js随机生成16进制的颜色
function getColor() {var str = "0123456789abcdef"var color = "#"for (var i = 1; ...
随机生成16进制颜色代码
parseInt(Math.random()*0xFFFFFF).toString(16)
html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法
本文实例讲述了JavaScript实现16进制颜色值转RGB的方法.分享给大家供大家参考.具体实现方法如下: 16进制颜色值转RGB *{margin:0;padding:0;font-family: ...
16进制颜色值与百分比颜色值的换算关系
16进制颜色值与百分比颜色值的换算关系 00直接对应0%,0不能当作除数.所以除开 16进制颜色表示是01~FF,换成十进制就是1~255,百分比是1%~100% 由此可知(255/100%)=(X/ ...
【VB6|第17期】16进制颜色值与RGB值互相转换（含源码）
日期:2023年3月28日作者:Commas 签名:(ง •_•)ง 积跬步以致千里,积小流以成江海-- 注释:如果您觉得有所帮助,帮忙点个赞,也可以关注我,我们一起成长:如果有不对的地方,还望各位 ...
如何批量生成16进制偶数标
平时的标签制作过程中,很多产品生产序号或者是编号都会用到流水号.最近就有朋友向我们咨询,如果想要十六进制的偶数流水号,该怎么实现呢?如果自己计算排列也是可以实现的,但是会非常麻烦.小编下面就给大家分享 ...
如何批量生成16进制流水号条码
平时的标签制作过程中,很多产品的生产序号.编号或者内部码都会用到流水号条形码.很多用户在制作流水号时,对于16进制的流水号比较陌生,不知如何生成.如果数据量很小,自己计算排列也是可以实现的.但是在大量 ...
RGB与16进制颜色值互相转换
// 将 RGB 颜色值转换成十六进制颜色码const rgbToHex = (r, g, b) => {// 使用位运算符将三个 8 位的数值组合为一个 24 位的数值const combin ...
如何批量生成16进制序列号
很多用户平时在使用条码软件,不单单是打印条码,也会打印一些序列号.像我们通常用到的序列号0.1.--.8.9这种是十进制,而16进制是在十进制数字的基础上添加A~F六个大写英文字母,序列号是" ...

JavaScript随机生成16进制颜色值

一、案例展示

二、方法介绍

JavaScript随机生成16进制颜色值相关推荐

最新文章

热门文章