博客
关于我
JS - 常用函数
阅读量:485 次
发布时间:2019-03-06

本文共 1492 字,大约阅读时间需要 4 分钟。

1. 生成随机颜色
function getRandomColor() {     return '#' + Math.floor(Math.random() * 16777215).toString(16);}
2.生成相近颜色
function sameColor(color: any, n: number) {      let colorsArr = color.length === 6 ? color.match(/[\da-z]{2}/g) : color.match(/[\da-z]{1}/g);   let newColor = '';   for (let i = 0; i < colorsArr.length; i++) {          colorsArr[i] = parseInt(colorsArr[i].length === 1 ? colorsArr[i] + colorsArr[i] : colorsArr[i], 16);       newColor += Math.floor(colorsArr[i] + (Math.random() > 0.5 ? -1 : 1) * Math.random() * n).toString(16);   }   return newColor; }
3.获取url参数
function getParam(name: any) {     let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');  let r = window.location.search.substr(1).match(reg);  if (r != null) return decodeURI(r[2]);  return null;}
4. 将数字转成每隔3位加一个逗号
// 12345678 => 123,456,78function addCommas(n: any) {     let reg = /\.\d+/;  let num = (parseInt(n) || 0).toString();  let temp = reg.exec(num);  // 获取小数部分,不存在小数则获取空字符串  let decimal = temp && temp[0] ? temp[0] : '';  // 获取小数点位置,不存在小数位置则获取字符串长度  let decimalPointIndex = temp && temp.index ? temp.index : num.length;  // 获取整数部分  let integerNum = num.slice(0, decimalPointIndex);  let result = '';  // 逗号分隔操作  while (integerNum.length > 3) {       result = ',' + integerNum.slice(-3) + result;    integerNum = integerNum.slice(0, integerNum.length - 3);  }  // 不足3位直接加到最前面  if (integerNum) {       result = integerNum + result;  }  // 最后面加上小数部分  result = result + decimal;  return result;}

转载地址:http://yhodz.baihongyu.com/

你可能感兴趣的文章
nginx+vsftp搭建图片服务器
查看>>
Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
查看>>
nginx-vts + prometheus 监控nginx
查看>>
nginx: [emerg] getpwnam(“www”) failed 错误处理方法
查看>>
nginx:Error ./configure: error: the HTTP rewrite module requires the PCRE library
查看>>
Nginx、HAProxy、LVS
查看>>
Nginx下配置codeigniter框架方法
查看>>
Nginx中使用expires指令实现配置浏览器缓存
查看>>
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>
Nginx代理模式下 log-format 获取客户端真实IP
查看>>
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理访问提示ERR_CONTENT_LENGTH_MISMATCH
查看>>
Nginx代理配置详解
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>