一个有趣的html5手机锁

<div class="Verification" style="margin-left:40%;">
<p id="idcode" class="span_family"></p>
<div id="Verification_code" style="padding-top:15px;border-radius:2.5rem;"></div>
</div></strong></span></strong></span></strong></span>

<script type="text/javascript">
$("#Verification_code").GesturePasswd({
backgroundColor:"rgb(54,60,80)",
color:"#fff",
roundRadii:40,
pointRadii:18,
space:20,
width:300,
height:320,
lineColor:"rgb(51,122,183)",
zindex :100
});

$("#Verification_code").on("hasPasswd",function(e,passwd){
$("#idcode").val(passwd);
result=true;
});

$("#Verification_code").on("hasPasswd",function(e,passwd){
var result;
if(passwd ==text){
result=true;
}
else {
result=false;
}
if(result == true){
$("#Verification_code").trigger("passwdRight");
setTimeout(function(){
alert("验证通过！");
$(".Verification").hide();
$(".addrole-group").show();
},500);
}

else{
$("#Verification_code").trigger("passwdWrong");}
});

</script>

var text;
var codearr =  [ ];
for(i=0;i<6;i++) {
arr[i] = parseInt(Math.random()*9+1);
check();
}
function check() {
for(j=0;j<codearr .length-1;) {
if(codearr [i]==codearr [j]) {
codearr [i] = parseInt(Math.random()*9+1);
j = 0;
continue;
}else{
++j;
}
}
}
text=(codearr .join(''));
$("#idcode").text("验证码："+text);
$(".Verification").show();

}