兄弟你被**站的老板鄙视过吗？之--双色球简易摇号机
程序员文章站
2022-05-30 11:58:20
...
昨天下班，路过**站，突然脑中有个想去中T*D的几百万的想法。
然，驱使我的双腿不听使唤的走了进去，心想算了，怼几注把，但是没有买过，不知道规则。只能让老板给我随机来几下(随机真的不会中)。
但是鉴于这个红球还是能中5块钱的，所以我故作老道的，开口安排老板（其实内心慌的一笔），让老板给我安排3个红球，,05。07。18。 然后老板像看鬼一样看着我，说了一句 “啥” ？ 我的脑子一瞬间转了10个循环，一想可能说错话了，但是不知道哪说错了（其实已经开始怀疑我报的号有问题了），我又想难道没有18号？ 我赶紧把我的口误改了，来了一句 “哦，不对是12号”。
老板才开始给我下单，坑坑，
**站的人有点诧异的看着我，要不是我的脸皮比墙后，就该夺门而出。头也不回。
回来后，想着有点丢人，就随便写一个摇号机玩玩吧，下次再来直接报号，哼！让他再说。
废话说一大堆，还是先上代码吧，真的是简易的，大家也可以改一下玩玩，毕竟思路有点简单。
上个图先
在桌面上创建一个 文本文档。然后把这段代码复制进去。最后把文件名改一下，后缀为 .html
文件名示例 xxxx.html
然后就可以打开了，选择浏览器打开。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>简易，模拟双色球，摇球</title>
<style>
html,
body,
p {
margin: 0;
padding: 0;
text-align: center;
}
.num-box {
width: 1200px;
height: 40px;
margin: 0 auto;
margin-top: 150px;
text-align: center;
}
.num-box span {
overflow: hidden;
display: inline-block;
width: 40px;
height: 100%;
margin: 0 20px;
line-height: 40px;
background-color: #00d9ff;
color: #fff;
border-radius: 50%;
}
.num-box span:nth-child(7) {
background-color: #ff0000;
margin-left: 40px;
}
button {
width: 100px;
height: 35px;
margin: 0 100px;
margin-top: 100px;
border: 0;
background-color: #00d9ff;
color: #fff;
outline: none;
border-radius: 17.5px;
cursor: pointer;
}
button:nth-child(3) {
background-color: #ff0000;
}
</style>
</head>
<body>
<div class="num-box">
<span id="lan1">00</span>
<span id="lan2">00</span>
<span id="lan3">00</span>
<span id="lan4">00</span>
<span id="lan5">00</span>
<span id="lan6">00</span>
<span id="h7">00</span>
</div>
<button id="lanqiu">摇蓝球</button>
<button id="hongqiu">摇红球</button>
<script>
var lan_flag = true;
var h_flag = true;
var lan_js = null;
var hong_js = null;
var lanDom = document.getElementById("lanqiu");
var hongDom = document.getElementById("hongqiu");
lanDom.addEventListener('click', function() {
if (lan_flag) {
lan_flag = false
lanDom.innerText = '暂停摇球';
lan_js = setInterval(() => {
var numArr = []
var narr = []
for (let i = 0; i < 10; i++) {
let n = (Math.random() * 32 + 1).toFixed(0)
n = n < 10 ? '0' + n : n
narr.push(n)
numArr = [...new Set(narr)]
}
document.getElementById('lan1').innerText = numArr[0];
document.getElementById('lan2').innerText = numArr[1];
document.getElementById('lan3').innerText = numArr[2];
document.getElementById('lan4').innerText = numArr[3];
document.getElementById('lan5').innerText = numArr[4];
document.getElementById('lan6').innerText = numArr[5];
}, 50);
} else {
clearInterval(lan_js)
lan_js = null;
lan_flag = true;
lanDom.innerText = '摇蓝球';
}
})
hongDom.addEventListener('click', function() {
if (h_flag) {
h_flag = false
hongDom.innerText = '暂停摇球';
hong_js = setInterval(() => {
let n = (Math.random() * 15 + 1).toFixed(0)
n = n < 10 ? '0' + n : n
document.getElementById('h7').innerText = n;
}, 50);
} else {
clearInterval(hong_js)
hong_js = null;
h_flag = true;
hongDom.innerText = '摇红球';
}
});
</script>
</body>
</html>