JS中随机颜色函数

在js中写颜色的随机函数之前，我们应当先来了解一下js中颜色的几种写法

1、由六位十六进制数组成：#FFFFFF
2、由八位十六进制数组成：#FFFFFFFF，相比较六位的而言，多出来的后面两位就是表示透明度的，数值越大，透明度越小，
3、rgb（255,255,255）
4、rgba（255,255,255，0.5）最后一位是零到壹之间的小数，表示透明度，值越大，越不透明。
1、随机生成#FFFFFF样式``的颜色
大致思路就是我们先声明颜色为#字符，然后通过循环六次来随机生成0-16内的数值，再转换成16进制的字符连接起来，其中**Math.random()**是令系统随机选取大于等于 0.0 且小于 1.0 的数，令其乘几就可以得到几以内的随机数，**toString(16)**把数字转换成16进制的字符串。

function randomColor() {
   var col = "#";
   for (var i = 0; i < 6; i++) color+=parseInt(Math.random() * 16).toString(16);
   return col;
}

2、随机生成#FFFFFFFF样式``的颜色
同上一个方法不同之处在于循环次数，多了两次循环，来生成透明度。

function randomColor() {
   var col = "#";
   for (var i = 0; i < 8; i++) color+=parseInt(Math.random() * 16).toString(16);
   return col;
}

3、随机生成rgb格式的颜色
parseInt（）解析一个字符串，并返回一个整数，需要注意逗号的处理

function randomColor(){
     var col="rgb(";
     for(var i=0;i<3;i++) col+=parseInt(Math.random()*256)+",";
     col=col.substring(0,col.length-1)+")";
     return color;
 }

4、rgba
与上面不同的是要注意透明度的生成，是0-1的小数，要单独生成，并不能通过增加循环次数来实现。

function randomColor(alpha){
     alpha = alpha==undefined? (Math.random()*10/10).toFixed(1) : alpha;
     alpha=Number(alpha);
     if(isNaN(alpha)) alpha=1;
     var col = "rgba(";
     for(var i=0;i<3;i++){
         col+=parseInt(Math.random()*256)+",";
     }
     col+= alpha+")";
     return color;
 }