js随机生成验证码以及随机颜色
Javascript通过Math.random()随机生成验证码。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机验证码</title>
<style>
.p1{
width:100px;
height:30px;
border:1px solid black;
}
</style>
</head>
//onload页面加载完成后立即触发函数
<body onload="sj()">
<input class="p1">
<p style="font-size:30px;">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</p>
</input>
//通过onlick（点击事件）触发函数
<button style="width:80px;height:30px;" onclick="sj()">换一波</button>
//引入js外部文件（封装函数）
<script type="text/javascript" src="../js/sj_fzhs.js"></script>
<script type="text/javascript">
//定义随机字符串
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];
//将上面取到的<span>元素通过innerHTML赋值给code
span[i].innerHTML=code;
//最后随机出的值通过style.color赋予随机颜色,这里我用到了一个封装函数randomColor()
span[i].style.color=randomColor();
}
}
</script>
</body>
</html>
//封装函数（随机颜色）
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;
}
//效果图如下：
js随机生成验证码以及随机颜色的更多相关文章
- 随机生成验证码（JS）
效果展示 实现原理 1. html:一般就是一个div: <div id="code"></div> ,样式根据需求设计. 2. JS:1)将所有的验证码所 ...
- Python随机生成验证码的两种方法
Python随机生成验证码的方法有很多,今天给大家列举两种,大家也可以在这个基础上进行改造,设计出适合自己的验证码方法方法一:利用range Python随机生成验证码的方法有很多,今天给大家列举两种 ...
- Android锁定EditText内容和随机生成验证码
昨天写了个小Demo,实现了随机生成验证码,和锁定EditText两个小功能,先看一下效果图: 锁定EditText在我们不须要用户编辑EditText内容的时候能够用到,实现还是非常easy的,一行 ...
- 随机生成验证码及python中的事务
1.随机生成验证码 # import random # print(random.random()) #-1的小数 # print(random.randint(,)) #包括1和3 # print( ...
- js随机生成验证码及其颜色
今天迎来了2018年第一场雪,这个美好的日子,总的写点什么纪念一下,在这里写了一个在js中使用Math.random()函数,随机生成四位数的验证码及其验证码换颜色. js代码如下: var arra ...
- php随机生成验证码代码
<?php session_start(); //产生一个随机的字符串验证码 $checkcode=""; for ($i=0;$i<4;$i++){ $checkco ...
- Django随机生成验证码图片
PIL简介 什么是PIL PIL:是Python Image Library的缩写,图像处理的模块.主要的类包括Image,ImageFont,ImageDraw,ImageFilter PIL的导入 ...
- Djaingo 随机生成验证码(PIL)
基础: https://www.cnblogs.com/wupeiqi/articles/5812291.html 实例: https://www.cnblogs.com/6324TV/p/88112 ...
- .Net (MVC) 随机生成验证码
以前一直对C#的GDI画图部分知识点不怎么用所以忘得差不多了,这两天正好公司要做一个博客系统,其中一个需求就是留言时为了防止恶意攻击必须填写验证码,正好借着这个机会复习了一下,以下是实现代码,写的比较 ...
随机推荐
- 华为Quidway S5700开启SNMP协议
开启SNMP协议通过Console口登录主要用于交换机第一次上电或者本地配置.或者无法通过远程访问时,可通过Console口登录.如何才能通过Console口登录交换机呢?在配置通过Console口配 ...
- CentOS7 常用命令
常用命令 1.文件与目录操作 命令 解析 cd /home 进入 ‘/home’ 目录 cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd - 返回上次所在目录 cp file1 fi ...
- 基于LeNet的手写汉字识别(caffe)
我假设已经成功编译caffe,如果没有,请参考http://caffe.berkeleyvision.org/installation.html 在本教程中,我假设你的caffe安装目录是CAFFE_ ...
- Angular4+Koa2+MongoDB开发个人博客
**文章原创于公众号:程序猿周先森.本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号.** ,随着版本的不断更新和语言新功能的添加,越来越多被用于独立的.大型项目的开发. ...