博客
关于我
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/

你可能感兴趣的文章
ms sql server 2008 sp2更新异常
查看>>
MS UC 2013-0-Prepare Tool
查看>>
msbuild发布web应用程序
查看>>
MSB与LSB
查看>>
MSCRM调用外部JS文件
查看>>
MSCRM调用外部JS文件
查看>>
MSEdgeDriver (Chromium) 不适用于版本 >= 79.0.313 (Canary)
查看>>
MsEdgeTTS开源项目使用教程
查看>>
msf
查看>>
MSSQL数据库查询优化(一)
查看>>
MSSQL日期格式转换函数(使用CONVERT)
查看>>
MSTP多生成树协议(第二课)
查看>>
MSTP是什么?有哪些专有名词?
查看>>
Mstsc 远程桌面链接 And 网络映射
查看>>
Myeclipse常用快捷键
查看>>
MyEclipse用(JDBC)连接SQL出现的问题~
查看>>
myeclipse的新建severlet不见解决方法
查看>>
MyEclipse设置当前行背景颜色、选中单词前景色、背景色
查看>>
myeclipse配置springmvc教程
查看>>
MyEclipse配置SVN
查看>>