<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 四位数的随机验证码</title>
<style type="text/css">
body,div{margin:0;padding:0;font-family:"微软雅黑";font-size: 18px;}
#div1{width:150px;height:30px;line-height:30px;text-align: center;position: absolute;top:50%;left:50%;margin-left:-50px;margin-top:-15px;letter-spacing: 5px; cursor:pointer;background:#ff6000;}
</style>
</head>
<body>
<div id="div1"></div>
<script type="text/javascript">
function getRandom(n,m){
n = Number(n); //不管是什么数据类型,强制性转换为 Number 结果只可能是数组或者Null
m = Number(m);
if(isNaN(n) || isNaN(m)){ //判断是不是有效数字,不是返回[0-1)之间的随机数
return Math.random();
};
if(n>m){ // 如果n>m 交换位置
var t = n;
n=m;
m=t;
}
return Math.round(Math.random()*(m-n)+n)
}
var oDiv = document.getElementById("div1");//获取指定位置显示的div
var codestr ="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";// 设置验证码获取的索引范围范围
function getCode(){
var code="";
for(var i =1;i<=4;i++){ //四位验证码循环四次
code+=codestr.charAt(getRandom(0,61));
}
oDiv.innerHTML= code;
}
getCode()
oDiv.onclick =function(){
getCode()
}
</script>
</body>
</html>