首页 > 其他分享 >js 生成随机数(含随机颜色)

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

时间:2023-10-29 16:36:49浏览次数:48  
标签:const random js rgb 随机 随机数 256 Math


生成 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;
}


标签:const,random,js,rgb,随机,随机数,256,Math
From: https://blog.51cto.com/u_15715491/8080506

相关文章

  • ICCV 2023 | 通用数据增强技术,随机量化适用于任意数据模态
    前言 本文提出了一种适用于任意数据模态的自监督学习数据增强技术。本文转载自机器之心仅用于学术分享,若侵权请联系删除欢迎关注公众号CV技术指南,专注于计算机视觉的技术总结、最新技术跟踪、经典论文解读、CV招聘信息。CV各大方向专栏与各个部署框架最全教程整理【CV技术指......
  • 基于jquery+html开发的json格式校验工具
    json简介JSON是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLanguage,StandardECMA-2623rdEdition-December1999的一个子集。JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C,C++,......
  • 用友NC accept.jsp任意文件上传漏洞
    漏洞简介用友NCaccept.jsp处存在任意文件上传漏洞,攻击者通过漏洞可以获取网站权限,导致服务器失陷。漏洞复现fofa语法:app="用友-UFIDA-NC"登录页面如下:POCPOST/aim/equipmap/accept.jspHTTP/1.1Host:106.14.160.167:8090User-Agent:Mozilla/5.0(WindowsNT6.4;WOW......
  • React学习一:环境搭建、JSX基础、事件绑定、组件使用、样式控制
    一、概念React由Meta公司研发,是一个用于构建Web和原生交互界面的库。react中文文档地址:https://zh-hans.react.dev/learnReact的优势相较传统基于DOM开发的优势:组件化的开发方式;不错的性能相较于其他前端框架的优势:丰富的生态;跨平台支持二、环境搭建首先和vue项目一样,项目......
  • LeedCode刷题(2)-Java随机数练习
    2.随机数练习(1)随机生成数题目:请编写如下所示程序随机生成并显示一位数的正整数(1~9的值)随机生成并显示一位数的负整数(-9~-1的值)随机生成并显示两位数的正整数(10~99的值)①Random类总结random是Java提供的一个类库,它的实例会生成一连串的伪随机数Random创建实例有......
  • HashMap集合遍历随机性问题分析
    一、原因分析1.1HashMap对象的遍历HashMap的遍历是通过此类中字段table数组进行顺序遍历,原因如下所示:1#HashMap迭代遍历源码2publicfinalbooleanhasNext(){3returnnext!=null;4}56finalNode<K,V>nextNode(){7Node<K,V>[]t;......
  • 01 JS基础
    //类型转换varx='11';console.log(parseInt(x));vary=11;console.log(String(y));vari=11.11;console.log(parseInt(i));//字符类型varstr="Jason|is|DSB";console.log(str.length);//返回长度console.log(str.trim());//移除两边空白console.log(......
  • 【nodejs】Windows环境 ffmpeg添加水印
    一、Windows下面获取到的字体路径需要做处理,否则无法执行路径中:改为\:路径中:\改为/不要使用中文的名称 原路径:D:\Users\670493228\Desktop\public\font\default.ttf  使用水印命令(-logleveldebug可以看到执行日志,方便定位问题)ffmpeg-i1.mp4-vf"draw......
  • 【nodejs】批量获取文件的时长
    因为ffmpeg.ffprobe是异步的,需要使用promise同步,然后Promise.all将所有的Promise执行结果处理后返回/***获取文件列表时长(同步获取返回)*@param{Object}fileList*/asyncgetFileDuration(fileList){//初始化letpromises=fileList.map(fil......
  • JS加密/解密之逻辑运算符加密进阶篇
    前言 前篇给大家介绍了运算符不为人知的基础知识。他们的各种表达形式,今天我们从这个基础上,继续进一步告诉大家,如何对字符串进行加密处理。还是那句话,技术人不废话,直接晒代码。示例源代码//字符串加密示例letstr="HelloWorld";//加密letencryptedString=[[]+[]+......