今天无意间看到了双色球的开奖,发现一等奖竟然中了10注。突然看到了发家致富的路子。下面就教大家如何敲出双色球的代码,实现早日暴富。
双色球的规则是红球6个,1-33中生成 ,蓝球1个,1-16中生成。双色球号码从小到大的顺序输出,且无重复数字。不足两位的号码高位补0。
html样式
<ul>
<li></li> //创建7个li;前6个是红球
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>最后一个是篮球
</ul>
<button id="start">开始</button> //开始按钮
<button id=stop>停止</button> //结束按钮
css样式
* {
margin: 0;
padding: 0;
list-style: none;
}
ul > li {
width: 50px;
height: 50px;
background-color: red;
border: black 1px solid;
border-radius: 50%;
font-size: 16px;
text-align: center;
line-height: 50px;
color:white;
float: left;
}
ul>li:nth-last-child(1){//最后一个设置为蓝球
border: black 1px solid;
color:white;
float: left;
width: 50px;
height: 50px;
background-color: blue;
/* border: red 1px solid; */
border-radius: 50%;
font-size: 16px;
text-align: center;
line-height: 50px;
}
js样式
var list = document.querySelectorAll("ul li");//获取每一个li(放双色球号码)
var start = document.getElementById("start");//获取开始按钮
var stop = document.getElementById("stop");//获取停止按钮
//封装一个函数,功能为随机选红(蓝) 球里的数
function randoms(start, end, lens) { //三个参数 start为随机数的起始值;end为随机数的结束值 lens为红(蓝)号码所在数组的长度;
var arr = [] //创建一个空的数组,目的是下边去接随机出来的内容
while (arr.length < lens) { //用while去循环遍历新创建的arr数组;(while循环的功能是—先判断,再循环);
var sj = Math.floor(Math.random() * (end- start + 1) + start) //star到stop的随机数
if (arr.indexOf(sj) == -1) { //去除数组重复,indexOf()的功能是,在数组中找不见这一项,就返回 -1;
arr.push(sj) //只要数组中没有当前随机出来的数,我们就把它推(push)进我们创建的新数组
}
}
return arr //函数最终返回的是接不重复随机数的数组arr
}
//封装一个红蓝色球的产生及写入
function arrWrite() {
var redarr = randoms(32, 1, 6); //红色球
var bluearr = randoms(16, 1, 1); //蓝色球
redarr.sort(function (a, b) { //红色球排序(升序)
return a - b
})
var brr = redarr.concat(bluearr); //红蓝色球合并在一个数组里
for (var i in brr) { //遍历合并后的双色球,并写入
lis[i].innerHTML = brr[I]//将合并的数组brr的每一项写入到每一个li标签,(html写入到标签里面的内容会在浏览器页面显示)
}
}
arrWrite() // 调用红篮球的函数,目的是在我们一打开页面,就会出现 一组红蓝球随机号码
var timer = null; //创建一个空的名字,去接计时器
start.onclick = function () { //开始键的点击事件
timer = setInterval(arrWrite,10) //计时器 //调用红篮色球的函数
start.disabled = true; //点击开始之后,禁用开始键,使其不能点击
}
stop.onclick = function () { //停止键的点击事件
clearInterval(timer); //清楚定时器
start.disabled = false; //点击停止键之后,让开始键解禁
}
这就是我们最终敲出的双色球,当我们点击开始按钮时,定时器运行,循环出现七位随机数,开始按钮为禁用状态,为了防止定时器叠加;当我们点击停止按钮的时候,随机数暂停,清除定时器;
是不是很神奇呢,不说了,我要去买双色球发家致富了哈哈(小编能力有限,如有错误,望多指教,谢谢!)