随机验证码如何在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;

}

//效果图如下：

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

如何在BIOS里设置定时关机？
如何在BIOS里设置定时关机? 通过CMOS设置实现定时开机的设置过程如下:首先进入"CMOS SETUP"程序(大多数主板是在计算机启动时按DEL键进入):然后将光条移到&quo ...
captcha.js一个生成验证码的插件，使用js和canvas生成
一.captcha`captcha.js`是一个生成验证码的插件,使用js和canvas生成的,确保后端服务被暴力攻击,简单判断人机以及系统的安全性,体积小,功能多,支持配置. 验证码插件内容,包含1 ...
html字体自动变化颜色,JS实现文字闪烁自动变换颜色代码3则
当网页中某处文字需要不停闪烁加强醒目效果的时候,我们很容易想到用javascript来实现,没错,这个实现起来并不算复杂,下面我们就来分享3则比较简洁的文字自动闪烁特效代码.JS实现文字自动变换颜色第 ...
html语言怎么改变字体颜色,JS实现改变HTML上文字颜色和内容的方法
本文实例讲述了JS实现改变HTML上文字颜色和内容的方法.分享给大家供大家参考,具体如下: 1. JavaScript Day 1 // to change the color of an objec ...
word如何设置上标形式_如何在word里设置删除线、添加着重号、上标和下标？戳这里...
大家好,我是瑞特毕业生服务的干小燕,一个来自偏远山区的线上编辑. 上一期教大家学习了如何设置字体加粗和将字体设置为倾斜效果的小技巧,这一期我们继续学习如何在文本内容中设置删除线.添加着重号.上标和下标 ...
图文讲解如何在outlook里设置绑定QQ企业邮箱教程
本文转载自: https://www.cnblogs.com/naniannayue/archive/2010/10/15/1852056.html 作者:naniannayue 转载请注明该声明. ...
如何在sap里设置自定义打印纸张
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 在sap ...
问题2：如何在TravisCI里设置Maven插件
解决方法待解决之后再记录. 只需要在pom.xml文件中加入插件的坐标即可.然后在项目中的.travis.yml文件中增加相应的maven命令即可.这样插件就能在Travis中跑起来.
html+js实现生成验证码实例代码分享
介绍今天分享下利用html的canvas标签生成画布,在画布上利用随机生成的数字画上验证码,背景为随机生成的颜色和杂乱的直线与点点. 进阶:利用表单插件属性绑定验证码数据(json)可以在发送时候或 ...

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

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

最新文章

热门文章