您的位置:首页 > Web前端 > JavaScript

js彩票效果

2016-03-07 16:54 555 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--<script src="wws.js" type="text/javascript" charset="utf-8"></script>-->
<style>
div{ width: 200px; height: 100px; background: #ccc;}
</style>
</head>
<body>
<div></div>
<input type="button" value="按钮" id="btn" />
</body>
</html>
<script>
var arr=[];

/*向数组里塞入6个数字*/
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js彩票 js效果