js随机生成验证码及其颜色

　　　　今天迎来了2018年第一场雪,这个美好的日子,总的写点什么纪念一下,在这里写了一个在js中使用Math.random()函数,随机生成四位数的验证码及其验证码换颜色.

js代码如下：
　　
var arrayTest= ["m","n","v","x","z","a","b","c","d","e","f","g","h","j","k","l","q","w","r","t","y","u","i","i","o","p",1,2,3,4,5,6,7,8,9,0]

//获取span标签
　　　
var span = document.getElementsByTagName('span');
　　　
//定义一个函数,randomTest()
　　　　function randomTest(){
　　　　　
//表示循环几次,循环出多少个数值.

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

//parseInt()函数将Math.random()函数中随机出的值乘以数组的长度,它的值的范围就是0——Array.length-1,此时取出的值为数组的下标.

var num = parseInt(Math.random()*arrayTest.length);
　　　　　　　　　　　　　//将arrayTest中的值取出,利用上面取出的下标num,此时取出的值为数组中真正的值,而不是它的下标.

var code = arrayTest[num];
　　　　　　　　　　　　　//将上面取到的<span>元素通过innerHTML赋值code

span[i].innerHTML=code;
　　　　　　　　　　　　　//将随机出的值通过style.color赋予颜色,这里使用了自己写的一个封装函数randomColor()，

span[i].style.color=randomColor();

　　　
　}
　　　　　　}

 

　　html代码如下：
 
　　　　 <p>
<span></span>
<span></span>
<span></span>
<span></span>
</p>

　　　　　　//记得引入写好的js文件　

　　　　　　<script src="js/H.js"></script>

 

　　　　　　//这里通过onclick调用刚刚js中写好的randomTest()函数，记得引入写好的js文件

　　　　　　 <button onclick="randomTest()">刷新</button>

 

 

　　　
　　//封装在js中的随机颜色函数,利用返回rgb的值来给随机数上色.
　　function randomColor(){
var r = parseInt(Math.random()*256);
var g = parseInt(Math.random()*256);
var b = parseInt(Math.random()*256);
var rgb = "rgb("+r+","+g+","+b+")";
return rgb;
}

 

 如果有更好的方法随时留言通知我哦~ 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2018年1月4日