生成随机数，随机id，随机颜色集合

星星chok

已于 2024-07-26 16:37:38 修改

阅读量73

点赞数 1

文章标签： vue.js javascript 前端

于 2024-07-26 16:37:10 首次发布

本文链接：https://blog.csdn.net/qq_38985444/article/details/140719281

版权

生成随机色
生成随机id
生成从minNum到maxNum的随机数

生成随机色

/* 
  例子
  1生成蓝紫色系
    "#"+this.$utils..color()+ "FF"
  2生成粉橘黄色系
    let a = "#FF"
    a+=this.$utils..color()
*/
function color() {
  var r = Math.round(Math.random() * 255),
    g = Math.round(Math.random() * 255),
    b = Math.round(Math.random() * 255)
  var color = (r << 16) | (g << 8) | b
  return "#" + color.toString(16)
}

生成随机id

function genID() {
  var d = new Date().getTime()
  if (window.performance && typeof window.performance.now === "function") {
    d += performance.now() //use high-precision timer if available
  }
  var uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(
    c
  ) {
    var r = (d + Math.random() * 16) % 16 | 0
    d = Math.floor(d / 16)
    return (c == "x" ? r : (r & 0x3) | 0x8).toString(16)
  })
  return uuid
}

生成从minNum到maxNum的随机数

function randomNum(minNum, maxNum) {
  switch (arguments.length) {
    case 1:
      return parseInt(Math.random() * minNum + 1, 10)
    case 2:
      return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10)
    default:
      return 0
  }
}