JS 随机生成验证码 代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>验证码</title>
<style>
*{
margin: 0;
padding: 0;
text-align: center;
}
input{
width: 150px;
height: 50px;
font-size: 22px;
line-height: 50px;
text-align: center;
}
.btn{
background-color: #EBEBE4;
}
</style>
</head>
<body>
<input type="text" placeholder="请输入验证码" id="pass">
<input type="text" id="key">
<input type="text" value="获取验证码" id="btn" class="btn">
<p></p>
<script>
var pass = document.getElementById("pass");
var key = document.getElementById("key");
var btn = document.getElementById("btn");
var str = '123456789zxcvbnmasdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOPZ';
var fw = new Array();
var ntm;
var n = 10;
for(i=0; i<str.length; i++){
if(fw.indexOf(str[i])==-1){
fw = fw.concat(str[i]);
}
}
btn.onclick = function (){
clearInterval(ntm);
timer();
var arr = [];
ntm= setInterval (timer,1000)
key.value="";
for(i=0; i<4; i++){
var a = parseInt(Math.random()*fw.length);
key.value += fw[a];
}
}
function timer(){
if(n>0){
n--;
btn.disabled = true ;
btn.value = n+"S后可重试";
}
else{
clearInterval(ntm);
btn.disabled = false ;
btn.value = "获取验证码";
n = 10 ;
} }
</script>
</body>
</html>