<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function insertBall(){//对红球进行初始化
var redball=new Array(36);
for(var i=1;i<=redball.length;i++){
redball[i-1]=i;//向数组中填充红球数据
}
return redball;
}
function setflag(){
var flag=new Array(36);
for(var i=0;i<flag.length;i++){
flag[i]=false;//将标志位全部置位false
}
return flag;
}
function ownredball(){//获取红球,并去重
var index=0;
var red=new Array(6);
var redball=insertBall();//加载数据
var length=redball.length;
var flag=setflag();//获取标志位
var i=0;
while(true){
index=parseInt(Math.random()*length);
//将产生的随机数据进行取整操作,否则结果会出现大量的null
if(flag[index]){
continue;
}
red[i++]=redball[index];
flag[index]=true;
if(i==red.length){
break;
}
}
//Array.sort(red);//将红球数据进行排序
return red;
}
function sort(){//冒泡排序进行红球的排列
var red=ownredball();//获取红球数组
for(var i=0;i<red.length;i++){
for(var j=0;j<red.length-i-1;j++){
if(red[j]>red[j+1]){
var temp=red[j];
red[j]=red[j+1];
red[j+1]=temp;
}
}
}
return red;
}
function ownblueball(){//获取蓝球信息
var blueball=parseInt(Math.random()*16+1);//蓝球号从1开始
var blue=blueball<10 ? ("0"+blueball):blueball;
//alert(blue);
return blue;
}
function loadvalue(){
var red=sort();//将排序后的数据传入
var redinput=document.getElementsByName("red");
for(var i=0;i<red.length;i++){
redinput[i].value=red[i]<10 ? ("0"+red[i]):red[i];
}
var blue=ownblueball();//获取蓝球
// document.getElementById("blue").value=blue;//添加蓝球到蓝球输入框
var blueinput=document.getElementsByName("seven")[0];
blueinput.value=blue;
return red+" \t"+blue;
}
var t=null;
function restart(){//循环加载数据
clearTimeout(t);//清空上次缓存
loadvalue();
document.getElementById("choose").value="dbstop";//点击后按钮字样改变
t=setTimeout("restart()",1000);//进行一秒钟刷新一次
}
function dblclickstop(){//停止加载数据
clearTimeout(t);//双击停止运行
document.getElementById("choose").value="choose";//点击后按钮恢复
}
//-------------------------------------------------------------//
function buycountticket(){//随机购买
var count=parseInt(document.getElementById("count").value);//获取购买份数
var content=document.getElementById("content");
content.length=1;//初始化select框,保证里面有一条提示数据存在
for(var i=0;i<count;i++){
var newitem=new Option("第"+i+"条:"+loadvalue(),"ticket"+i);
content.options.add(newitem);
}
}
function addnewticket(){
var count=parseInt(document.getElementById("count").value);//追加购买份数
var content=document.getElementById("content");
var length=content.length-1;//排除第一条提示语句
for(var i=length;i<length+count;i++){//进行数据追加
var newitem=new Option("第"+i+"条:"+loadvalue(),"ticket"+i);
content.options.add(newitem);
}
}
</script>
<style type="text/css">
input{width:40px;height:20px;color:red}
#span{width:20px;}
textarea{width:400px;height:200px}
#red{color:red}
td{width:60px}
#blue{color:blue}
select{width:420px;height:200px}
</style>
</head>
<body>
<div align="center" style="width:500px;height:350px;background-color:gray;">
<table border="1">
<tr>
<td colspan="6"><p align="center">红球</p></td>
<td id="span"></td>
<td><p align="center">蓝球</p></td>
<td ><p align="center">操作</p></td>
</tr>
<tr>
<td><p id="red">1</p> </td>
<td><p id="red">2 </p></td>
<td><p id="red">3</p> </td>
<td><p id="red">4</p> </td>
<td><p id="red">5</p> </td>
<td><p id="red">6</p> </td>
<td id="span"></td>
<td><p id="blue">7</p> </td>
</tr>
<tr>
<td><input id="first" name="red" type="text"/> </td>
<td><input id="two" name="red" type="text"/> </td>
<td><input id="three" name="red" type="text"/> </td>
<td><input id="four" name="red" type="text"/> </td>
<td><input id="five" name="red" type="text"/> </td>
<td><input id="six" name="red" type="text"/> </td>
<td id="span"></td>
<td><input id="blue" name="seven" type="text"/> </td>
<td><input type="button" id="choose" value="choose" onclick="restart()" style="color:black;width:60px" ondblclick="dblclickstop()" width="50px"/></td>
</tr>
<tr>
<td>
<label>购买</label>
</td>
<td>
<input type="text" id="count" name="count"/>
</td>
<td colspan="2">
份 <input type="button" value="随机买" onclick="buycountticket()"/>
</td>
<td >
<input type="button" value="追加" onclick="addnewticket()"/>
</td>
</tr>
<tr>
<td colspan="8">
<select id="content" size="5" align="center" >
<option>彩票信息列表</option>
</select>
</td>
</tr>
</table>
</div>
</body>
</html>
转载于:https://my.oschina.net/trsli/blog/157265