js 生成随机数(含随机颜色)

简介: js 生成随机数(含随机颜色)

生成 0-1 之间的随机数

Math.random()

生成 0-x 之间的随机整数:

Math.round(Math.random()*x)

生成 min-max 之间的随机整数:

Math.round(Math.random()*(max-min)+min)

生成N位随机数

/**
 * 函数--生成N位随机数
 * @param {*} N 数字的长度
 */
function randomNum(N) {
  return String(parseInt(Math.random() * Math.pow(10, N)) + Math.pow(10, N)).substring(
    1,
    N + 1
  );
}

生成随机id

(Math.random() + new Date().getTime()).toString(32).slice(0,8)

得到8位不重复的随机id ‘1h1obpbd’

生成随机颜色

//随机RGB颜色-方法1
function   getColor () {
     var i, rgb = [];
     for (i = 0; i< 3; i++) {
         rgb[i] = Math.round(255 * Math.random());
     }
     return 'rgb(' + rgb.join(',') + ')';
},
    
//随机RGB颜色-方法2
function rgb(){
  const r = Math.floor(Math.random()*256);
  const g = Math.floor(Math.random()*256);
  const b = Math.floor(Math.random()*256);
  return `rgb(${r},${g},${b})`;
}

//随机十六进制颜色
function color16(){
  const r = Math.floor(Math.random()*256);
  const g = Math.floor(Math.random()*256);
  const b = Math.floor(Math.random()*256);
  const color = `#${r.toString(16)}${g.toString(16)}${b.toString(16)}`;
  return color;
}

目录
相关文章
|
JavaScript
js点点正则表达式,随机数
js点点正则表达式,随机数
|
JavaScript 前端开发 数据安全/隐私保护
如何在JavaScript中生成随机数
在编程中,我们经常需要使用随机数来模拟不确定性或创建随机化的功能。JavaScript提供了几种方法来生成随机数。让我们看看其中一些方法。
198 0
|
5月前
|
JavaScript 前端开发 安全
JavaScript中获取随机数的方法
JavaScript中获取随机数的方法
81 1
|
5月前
|
JavaScript 前端开发
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
59 0
|
6月前
|
JavaScript 前端开发
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
56 1
|
JavaScript
jQuery jquery.color.js 背景颜色支持动画
jQuery jquery.color.js 背景颜色支持动画
104 0
|
6月前
|
安全 JavaScript 前端开发
深入解析crypto.getRandomValues():JavaScript中的高安全性随机数生成
深入解析crypto.getRandomValues():JavaScript中的高安全性随机数生成
267 0
|
6月前
|
JavaScript 前端开发 安全
JavaScript中的随机数生成详解:探讨多种生成方式
JavaScript中的随机数生成详解:探讨多种生成方式
206 0
|
6月前
|
前端开发
编程笔记 html5&css&js 018 HTML颜色
编程笔记 html5&css&js 018 HTML颜色
|
6月前
|
缓存 JavaScript Java
thymeleaf引用JS加随机数防止缓存
thymeleaf引用JS加随机数防止缓存
58 0