js实现随机产生十六进制颜色值的代码 -经典

方法1.js实现随机产生十六进制颜色值的代码

<script>
	 
	    /*随机产生十六进制的颜色值*/
	    var i = 0;
	    var str = "#";
	    var random = 0;
	    var aryNum = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
	 
	    for(i = 0; i < 6; i++)
	    {
	    	random = parseInt(Math.random() * 16);
	 
	    	str += aryNum[random];
	    }
	 	alert(str);
	    console.log(str);
	</script>

方法2.JS实现随机生成十六进制颜色值的代码
//定义一个函数，实现随机生成十六进制颜色值

                   function getColor(){
                      //定义字符串变量colorValue存放可以构成十六进制颜色值的值
                      var colorValue="0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
                      //以","为分隔符，将colorValue字符串分割为字符数组["0","1",...,"f"]
                      var colorArray = colorValue.split(",");
                       var color="#";//定义一个存放十六进制颜色值的字符串变量，先将#存放进去
                        //使用for循环语句生成剩余的六位十六进制值
                       for(var i=0;i<6;i++){
                            //colorArray[Math.floor(Math.random()*16)]随机取出
                           // 由16个元素组成的colorArray的某一个值，然后将其加在color中，
                           //字符串相加后，得出的仍是字符串
                            color+=colorArray[Math.floor(Math.random()*16)];
                       }
                       return color;
                  }

                //测试函数

                   console.log(getColor());