js随机颜色效果讲解

在前端开发里用的不太多，但是我在一个案例里用到了，自己就根据自己的想法做了一下。

大家都知道，如果在div+css里要控制div的背景颜色有一个background-color这样一个属性;

比如果把背景色设为黑色的，background-color:#000000;//黑色背景 background-color:#ffffff;//白色背景。

从上面的两个颜色可以得出一个结论

颜色的值为：#+6位数字 || 6位字母 || 6个数字和字母的组和。

这样我们的思路就出来了，哈哈（做东西最主要的是思路。两不是技术 但是也不能说技术不重要）

1.定义一个数据数组长度为16位，里面包括1-9 a-f这些数字字母。

2.定义一个函数。这个函数，这个函数随机生成1-15随机数字

3。通过循环为生成颜色，

这就是完成的思路。下面上一下代码大家看看哦。

function sj16(){
	var sjshu=Math.round(Math.random()*10*2);
	do
	{
	   sjshu=Math.round(Math.random()*10*2); 
	}while (sjshu>=15);
	return sjshu;
}

function getColor(){
	var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
	
	var yanse="";
	for(i=0; i<6; i++){
		yanse+=hex[sj16()];
	}
	
	return "#"+yanse

}

这就是代码，上面有两个函数，和我的思路一样，最后return生成随机颜色。

应用案例：教师招聘网 http://www.jszpw.cc