JS生成一个随机颜色

生成一个随机颜色

1、rgb()

2、十六进制

需要封装一个函数

==>返回一个字符串,是一个颜色的表示方法

==>返回:'reg(0-255,0-255,0-255)'

==>返回:'#0-f'

==>可以由参数决定,返回的是十六进制还是rgb

=>需要一个函数,接收一个参数

=>表示是否是十六进制

=>true,表示十六进制

=>不传递或者false,表示rgb

 function randomColor(type) {

        if (!type) {

          //rgb

          var res = `rgb(${rangeRandom(0, 255)},${rangeRandom(0,255)},${rangeRandom(0, 255)})`;

          return res;

        }

        //16进制

        var str='#';

        for(var i=0;i<3;i++){

           var n=rangeRandom(0,255).toString(16);

           //toString是一个字符串,可以直接判断length

           if(n.length===1) n='0'+n;

           str+=n;

        }

        return str;

      }

      console.log(randomColor());

生成随机数

/**
 * @parme {Number} x 数字一
 * @parme {Number} y 数字二
 * @parme {Number} 随机数字
 */
      //1、准备函数
      function rangeRandom(x, y) {
        //2、计算随机整数
        //需要考虑谁大谁小
        var max = Math.max(x, y);
        var min = Math.min(x, y);
        var res = Math.floor(Math.random() * (max - min + 1) + min);
        //3、返回结果
        return res;
      }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值