<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{ width: 200px; height: 100px; background: #ccc;}
</style>
</head>
<body>
<div></div>
<input type="button" value="按钮" id="btn" />
</body>
</html>
<script>
var arr=[];
function lottery () {
while (arr.length<6) {
var val=rnd(1,34);
if(!findInArr(arr,val)){
arr.push(val);
}
}
arr.sort(function (n,m) {
return n-m;
});
zeroize (arr);
}
var oBtn=document.getElementById('btn');
var oDiv=document.getElementsByTagName('div')[0];
var timer=null;
function change () {
oDiv.innerHTML='';
arr=[];
lottery ();
for (var i=0;i<arr.length;i++) {
oDiv.innerHTML+=arr[i]+' ';
}
}
change ();
oBtn.onclick=function () {
clearInterval(timer);
timer=setInterval(function () {
change ();
},50);
setTimeout(function () {
clearInterval(timer);
},600);
}
function findInArr(arr,n){
for (var i=0;i<arr.length;i++) {
if(arr[i]==n){
return true;
}
}
return false;
}
function zeroize (arr) {
for (var i=0;i<arr.length;i++) {
if(parseInt(arr[i])<=9){
arr[i]='0'+arr[i];
}
}
}
function rnd (n,m) {
return parseInt(Math.random()*(m-n)+n);
}
</script>