随机验证码如何在html里设置颜色,js随机生成验证码以及随机颜色

Javascript通过Math.random()随机生成验证码。

代码如下：

随机验证码

.p1{

width:100px;

height:30px;

border:1px solid black;

}

//onload页面加载完成后立即触发函数

//通过onlick(点击事件)触发函数

换一波

//引入js外部文件(封装函数)

//定义随机字符串

var array="1234567890ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwsyz";

//获取到span标签

var span=document.getElementsByTagName('span');

//定义一个函数

function sj(){

var code="";

//进行for循环

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

//首先随机数组的长度

var zm=parseInt(Math.random()*array.length);

//然后取出随机数组中的真正的值

code=array[zm];

//将上面取到的元素通过innerHTML赋值给code

span[i].innerHTML=code;

//最后随机出的值通过style.color赋予随机颜色,这里我用到了一个封装函数randomColor()

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

}

}

//封装函数(随机颜色)

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;

}

//效果图如下：