JS实现8位随机验证码

发展思路:

1. 绘制一个模块以放入验证码，一个带有“看不清……的小方框”和一个用于输入验证码的文本框

2. 获取每个模块

3. 封装函数Yan_ma（），将验证码设置为8位数字，其中包含数字移动设备上的8位验证码，小写字母，小写字母和中文. 每种类型出现的概率为25％.

4. 随机数介于0到9之间. 四舍五入Math.ramand（）.

5. 将fromCharCode（）方法用于随机的大写和小写字母: 将Unicode编码转换为字符，例如:

var n = String.fromCharCode(65);
cosole.log(n);
//输出j结果为A

大写字母（65-91）小写字母（97-123）

var s = String.fromCharCode(Math.floor(Math.random() * 26 + 65));
var s = String.fromCharCode(Math.floor(Math.random() * 26 + 97));

6. 随机中文，声明可变字母以放置中文字符串，并使用charAt（）随机获取字母中的中文字符.

var letter = "如若可以亲爱的请许我青灯墨下执一笔素笺今生为你吟尽千回百转念";
var s = letter.charAt(Math.floor(Math.random() * letter.length));

7. 为每个验证码设置随机的颜色，字体大小，相对文本位置和旋转角度. 封装颜色函数，使用十六进制颜色（例如: #ffffff）

//随机颜色
 function fontcolor(){
    var s1="";
    for(var k=0;k<6;k++){
     var z=[0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f"];
     var m=z[Math.floor(Math.random() * z.length)];
     s1 +=m;
    }
    return "#"+s1;
   }

随机位置和随机旋转角度的方法相同

随机位置可以向上，向下移动设备上的8位验证码，向左和向右移动8px，并且随机旋转角度可以绕z轴（±45度）旋转.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-154690-1.html