年会抽奖Html

在这里插入图片描述

在这里插入图片描述

<!-- <video id="backgroundMusic" src="file:///D:/background.mp3" loop autoplay></video> -->
<divstyle="width: 290px; height: 580px; margin-left: 20px; margin-top: 20px; background: url('D:/nianhui/zu.png') no-repeat center center; background-size: cover; "><span style="color: #FDF368; top: 60px; font-weight: bold; position: relative; "> <buttonstyle="color: #FDF368; background-color:rgb(219, 0, 1) ; border:0px ;font-size: 30px;"onclick="jixiang()">抽取 吉祥如意(15份)</button></span><br /><div style="top: 90px; position: relative;font-size: 20px;"><span id="jixing1" style="color: #FDF368; font-size: 20px;"></span><span id="jixing2" style="color: #FDF368;"></span><span id="jixing3" style="color: #FDF368;"></span><span id="jixing4" style="color: #FDF368;"></span><span id="jixing5" style="color: #FDF368;"></span><span id="jixing6" style="color: #FDF368;"></span><span id="jixing7" style="color: #FDF368;"></span><span id="jixing8" style="color: #FDF368;"></span><span id="jixing9" style="color: #FDF368;"></span><span id="jixing10" style="color: #FDF368;"></span><span id="jixing11" style="color: #FDF368;"></span><span id="jixing12" style="color: #FDF368;"></span><span id="jixing13" style="color: #FDF368;"></span><span id="jixing14" style="color: #FDF368;"></span><span id="jixing15" style="color: #FDF368;"></span><div style="position: relative; color: #FDF368; font-weight: bold; top: 30px;"> <buttonstyle="color: #FDF368; background-color:rgb(219, 0, 1) ; border:0px ;font-size: 30px;"onclick="fuixng()">抽取 福星高照(4份)</button> </div><div style="top: 50px; position: relative;"><span id="fu1" style="color: #FDF368;"></span><span id="fu2" style="color: #FDF368;"></span><span id="fu3" style="color: #FDF368;"></span><span id="fu4" style="color: #FDF368;"></span></div><div style="position: relative; color: #FDF368; font-weight: bold; top: 70px;"> <buttonstyle="color: #FDF368; background-color:rgb(219, 0, 1) ; border:0px ;font-size: 30px;"onclick="hongyun()">抽取 鸿运当头(1份)</button> </div><div style="position: relative; top: 90px; color: #FDF368;"><span id="hong" style="color: #FDF368;"></span></div><div style="position: relative; color: #FDF368; font-weight: bold; top: 120px;"> <buttonstyle="color: #FDF368; background-color:rgb(219, 0, 1) ; border:0px ;font-size: 30px;"onclick="desk()">抽取 桌奖</button> </div></div>
</div><div class="container" id="containers" style="margin-top: -25%; align-items: center;"><div class="result" id="result" "><div class=" image-wrapper1" id="mage-wrapper1"style="background: url('D:/nianhui/num.png'); width: 365px; height: 295px;  background-size: cover;"onclick="chongzhi(1)"><span id="div1"style="font-weight: bold; color: #FDF368; font-size: 98px; animation: pulse 1.5s infinite; top: 88px; position: relative; ">🎉</span></div><div class="image-wrapper2" id="mage-wrapper2"style="background: url('D:/nianhui/num.png'); width: 365px; height: 295px; margin-left: 10px; background-size: cover;"onclick="chongzhi(2)"><span id="div2"style="font-weight: bold; color: #FDF368; font-size: 98px; top: 88px; animation: pulse 1.5s infinite; position: relative;">🎉</span></div><div class="image-wrapper3" id="mage-wrapper3"style="background: url('D:/nianhui/num.png'); width: 365px; height: 295px; margin-left: 10px;background-size: cover;"onclick="chongzhi(3)"><span id="div3"style="font-weight: bold; color: #FDF368; font-size: 98px; top: 88px; position: relative; animation: pulse 1.5s infinite;">🎉</span></div><div class="image-wrapper4" id="mage-wrapper4"style="background:url('D:/nianhui/num.png'); width: 365px; height: 295px; margin-left: 10px;background-size: cover;"onclick="chongzhi(4)"><span id="div4"style="font-weight: bold; color: #FDF368; font-size: 98px; top: 88px; position: relative; animation: pulse 1.5s infinite;">🎉</span></div><div class="image-wrapper5" id="mage-wrapper5"style="background: url('D:/nianhui/num.png'); width: 365px; height: 295px; margin-left: 10px;background-size: cover;"onclick="chongzhi(5)"><span id="div5"style="font-weight: bold; color: #FDF368; font-size: 98px; top: 88px; position: relative; animation: pulse 1.5s infinite;">🎉</span></div>
</div><span id="xianshi"style="color: #FDF368; font-size: 50px; margin-top: 100px; position: relative; left: -100px;">准备抽奖...</span>
<div style="top:96%; left: 80px; position: absolute;"><button id="startButton" class="custom-button" onclick="btnStart()"> <spanstyle="font-size: 10px; ">开始</span></button><!-- <button id="stopButton" class="custom-button" style="margin-left: 60px;" onclick="btnStop()" disabled>重置</button> -->
</div>
<div style="top:96%; left: 150px; position: absolute;"><button id="stopButton" class="custom-button" style="margin-left: 60px;" onclick="btnStop()" disabled><spanstyle="font-size: 10px;">暂停</span></button>
</div>
<div id="poke" onclick="checkPoke()"style="border-radius: 4% 4% 4% 4%;display: none;background-image:url('D:/nianhui/num.png');width: 400px;height: 600px;position: relative;left: 300px;background-repeat: no-repeat;background-size: 100% 100%;"></div>
<div id="deskSpanDiv"style="display: none;background: url('D:/nianhui/num.png'); width: 400px; height: 600px; position: relative;top: -600px;left: 800px;background-size: cover;background-size: 100% 100%;background-repeat: no-repeat;"><span id="deskSpan"style="font-size: 180px;font-weight: bold;position: relative;left: 10px;top:180px;color: #FDF368;">🎉</span>
</div><video name="media" style="width: 20px; height: 20px; position: absolute;  left: 1900px;" controls autoplay loop><source src="file:///D:/nianhui/background.mp3" type="audio/mpeg">
</video>
</div><script>const allNumbers = Array.from({ length: 200 }, (_, i) => i + 5901); // 数字 5901-6100const drawnNumbers = new Set();const jixingNumber = getRandomNumbers(15);const fuNumber = getRandomNumbers(4);const hongNumber = getRandomNumbers(1);const oneArray = [];const twoArray = [];const hongArray = [];let chou = "ji";let currentStep = 0;let interval;let isRunning = false;//桌奖抽取var deskJPPoke = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13];var deskNum = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];var deskNum1 = [11, 12];var deskNum2 = [13];var checkPokeIndex = -1;var pickPokeList = [];var isClick = true;function chongzhi(val) {if (chou == 'hong') {return}const modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '18px';modal.style.width = '400px';modal.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.3)';// 弹框内容modal.innerHTML = `<p>是否确认该数字重抽?</p><button id="confirmBtn" style="margin: 10px; padding: 8px 16px; font-size: 16px; border: none; border-radius: 5px; background: #28a745; color: white; cursor: pointer;">确认</button><button id="cancelBtn" style="margin: 10px; padding: 8px 16px; font-size: 16px; border: none; border-radius: 5px; background: #dc3545; color: white; cursor: pointer;">取消</button>
`;// 添加到页面document.body.appendChild(modal);// 添加事件监听器document.getElementById('confirmBtn').addEventListener('click', () => {const randomNumber = getRandomNumbers(1); // 生成随机数// alert(`新的随机数为: ${randomNumber}`);if (chou == 'ji') {let it = 'jixing' + oneArray.length;let its = "div" + valintervals = setInterval(() => anim(val), 50);setTimeout(() => {// 更新指定元素的文本内容clearInterval(intervals);document.getElementById(it).innerText = randomNumber; // 第一位数字document.getElementById(its).innerHTML = randomNumber;}, 2000); // 3秒后执行//写一个定时器 3s的} else if (chou == 'fu') {let it = 'fu' + twoArray.length;let its = "div" + valintervals = setInterval(() => anim(val), 50);setTimeout(() => {// 更新指定元素的文本内容clearInterval(intervals);document.getElementById(it).innerText = randomNumber; // 第一位数字document.getElementById(its).innerHTML = randomNumber;}, 2000); // 3秒后执行//写一个定时器 3s的}document.body.removeChild(modal); // 移除弹框});document.getElementById('cancelBtn').addEventListener('click', () => {// alert('操作已取消');document.body.removeChild(modal); // 移除弹框});}function anim(val) {const randomNumber1 = Math.floor(Math.random() * 201) + 5900;let consts = 'div' + valdocument.getElementById(consts).innerText = randomNumber1;}document.addEventListener('keydown', function (event) {console.log(event.key)if (event.key === 'Enter') {if (isClick) {btnStart();} else {btnStop();}isClick = !isClick;}if (event.key === 'b' || event.key === 'B') {checkPoke();}})function jixiang() {chou = "ji"// 在这里写一个很好看的弹框  alert('开始抽取吉祥如意')var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.style.width = '700px';modal.style.height = '120px';modal.innerHTML = '开始抽取吉祥如意';// 在页面中添加弹框document.body.appendChild(modal);document.getElementById("div1").innerText = "🎉"; // 第一位数字document.getElementById("div2").innerText = "🎉"; // 第一位数字document.getElementById("div3").innerText = "🎉"; // 第一位数字document.getElementById("div4").innerText = "🎉"; // 第一位数字document.getElementById("div5").innerText = "🎉"; // 第一位数字document.getElementById("xianshi").innerText = '吉祥如意抽奖中...';const resultDivs = document.getElementById('mage-wrapper5'); // 获取要隐藏的块if (resultDivs) {resultDivs.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDivsDesk1 = document.getElementById('poke'); // 获取要隐藏的块if (resultDivsDesk1) {resultDivsDesk1.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivsDesk2 = document.getElementById('deskSpanDiv'); // 获取要隐藏的块if (resultDivsDesk2) {resultDivsDesk2.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivs2 = document.getElementById('mage-wrapper4'); // 获取要隐藏的块if (resultDivs2) {resultDivs2.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDivs3 = document.getElementById('mage-wrapper3'); // 获取要隐藏的块if (resultDivs3) {resultDivs3.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDivs4 = document.getElementById('mage-wrapper2'); // 获取要隐藏的块if (resultDivs4) {resultDivs4.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDivss = document.getElementById('mage-wrapper1'); // 获取要隐藏的块if (resultDivss) {resultDivss.style.display = 'block'; // 设置 display 为 none,隐藏块}const contaions = document.getElementById('containers'); // 获取要隐藏的块if (contaions) {contaions.style.maxWidth = '1600px'; // 设置 display 为 none,隐藏块}// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);}function fuixng() {chou = "fu"var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.style.width = '700px';modal.style.height = '120px';modal.innerHTML = '开始抽取福星高照';// 在页面中添加弹框document.body.appendChild(modal);document.getElementById("div1").innerText = "🎉"; // 第一位数字document.getElementById("div2").innerText = "🎉"; // 第一位数字document.getElementById("div3").innerText = "🎉"; // 第一位数字document.getElementById("div4").innerText = "🎉"; // 第一位数字document.getElementById("div5").innerText = "🎉"; // 第一位数字const resultDiv = document.getElementById('mage-wrapper5'); // 获取要隐藏的块if (resultDiv) {resultDiv.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivsDesk1 = document.getElementById('poke'); // 获取要隐藏的块if (resultDivsDesk1) {resultDivsDesk1.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivsDesk2 = document.getElementById('deskSpanDiv'); // 获取要隐藏的块if (resultDivsDesk2) {resultDivsDesk2.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDive = document.getElementById('mage-wrapper1'); // 获取要隐藏的块if (resultDive) {resultDive.style.display = 'block'; // 设置 display 为 none,隐藏块}const contaions = document.getElementById('containers'); // 获取要隐藏的块if (contaions) {contaions.style.maxWidth = '1230px'; // 设置 display 为 none,隐藏块}document.getElementById("xianshi").innerText = '福星高照抽奖中...';// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);}function hongyun() {chou = "hong"var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.style.width = '700px';modal.style.height = '120px';modal.innerHTML = '开始抽鸿运当头';document.getElementById("div1").innerText = "🎉"; // 第一位数字document.getElementById("div2").innerText = "🎉"; // 第一位数字document.getElementById("div3").innerText = "🎉"; // 第一位数字document.getElementById("div4").innerText = "🎉"; // 第一位数字document.getElementById("div5").innerText = "🎉"; // 第一位数字document.getElementById("xianshi").innerText = '鸿运当头抽奖中...';const resultDivs = document.getElementById('mage-wrapper5'); // 获取要隐藏的块if (resultDivs) {resultDivs.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDive = document.getElementById('mage-wrapper1'); // 获取要隐藏的块if (resultDive) {resultDive.style.display = 'none'; // 设置 display 为 none,隐藏块}const contaions = document.getElementById('containers'); // 获取要隐藏的块if (contaions) {contaions.style.maxWidth = '1230px'; // 设置 display 为 none,隐藏块}const resultDivsDesk1 = document.getElementById('poke'); // 获取要隐藏的块if (resultDivsDesk1) {resultDivsDesk1.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivsDesk2 = document.getElementById('deskSpanDiv'); // 获取要隐藏的块if (resultDivsDesk2) {resultDivsDesk2.style.display = 'none'; // 设置 display 为 none,隐藏块}// 在页面中添加弹框document.body.appendChild(modal);// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);}function desk() {chou = 'desk';var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '40%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.style.width = '700px';modal.style.height = '120px';modal.innerHTML = '开始抽取桌奖';document.getElementById("xianshi").innerText = '桌奖抽奖中...';const resultDivss = document.getElementById('mage-wrapper1'); // 获取要隐藏的块if (resultDivss) {resultDivss.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivss1 = document.getElementById('mage-wrapper2'); // 获取要隐藏的块if (resultDivss1) {resultDivss1.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivss2 = document.getElementById('mage-wrapper3'); // 获取要隐藏的块if (resultDivss2) {resultDivss2.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivss3 = document.getElementById('mage-wrapper4'); // 获取要隐藏的块if (resultDivss3) {resultDivss3.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivss4 = document.getElementById('mage-wrapper5'); // 获取要隐藏的块if (resultDivss4) {resultDivss4.style.display = 'none'; // 设置 display 为 none,隐藏块}const resultDivsDesk1 = document.getElementById('poke'); // 获取要隐藏的块if (resultDivsDesk1) {resultDivsDesk1.style.display = 'block'; // 设置 display 为 none,隐藏块}const resultDivsDesk2 = document.getElementById('deskSpanDiv'); // 获取要隐藏的块if (resultDivsDesk2) {resultDivsDesk2.style.display = 'block'; // 设置 display 为 none,隐藏块}}function getRandomNumbers(count) {const availableNumbers = allNumbers.filter(num => !drawnNumbers.has(num));const selectedNumbers = [];for (let i = 0; i < count; i++) {if (availableNumbers.length === 0) break;const randomIndex = Math.floor(Math.random() * availableNumbers.length);const number = availableNumbers.splice(randomIndex, 1)[0];selectedNumbers.push(number);drawnNumbers.add(number);}return selectedNumbers;}function btnStart() {if (chou == "ji" && oneArray.length == 5) {document.getElementById("div1").innerText = "🎉"; // 第一位数字document.getElementById("div2").innerText = "🎉"; // 第一位数字document.getElementById("div3").innerText = "🎉"; // 第一位数字document.getElementById("div4").innerText = "🎉"; // 第一位数字document.getElementById("div5").innerText = "🎉"; // 第一位数字}if (chou == 'ji' && oneArray.length == 10) {document.getElementById("div1").innerText = "🎉"; // 第一位数字document.getElementById("div2").innerText = "🎉"; // 第一位数字document.getElementById("div3").innerText = "🎉"; // 第一位数字document.getElementById("div4").innerText = "🎉"; // 第一位数字document.getElementById("div5").innerText = "🎉"; // 第一位数字}if (chou == 'ji' && oneArray.length >= 15) {var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.width = '500px';modal.style.height = '140px';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.innerHTML = '该奖项已抽完';// 在页面中添加弹框document.body.appendChild(modal);// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);return}if (chou == 'fu' && twoArray.length >= 4) {var modal = document.createElement('div');modal.style.position = 'fixed';modal.style.top = '50%';modal.style.left = '50%';modal.style.transform = 'translate(-50%, -50%)';modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';modal.style.color = '#fff';modal.style.padding = '20px';modal.style.width = '500px';modal.style.height = '140px';modal.style.borderRadius = '10px';modal.style.textAlign = 'center';modal.style.fontSize = '80px';modal.innerHTML = '该奖项已抽完';// 在页面中添加弹框document.body.appendChild(modal);// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);return}if (isRunning) return;isRunning = true;console.log("123");document.getElementById("startButton").disabled = true;document.getElementById("stopButton").disabled = false;interval = setInterval(animateNumbers, 50);}function btnStop() {clearInterval(interval);document.getElementById("stopButton").disabled = true;if (chou == 'ji') {console.log("JI");// 第一位数字if (oneArray.length >= 5 && oneArray.length < 10) {let consts = 'div' + (oneArray.length + 1 - 5)document.getElementById(consts).innerText = jixingNumber[oneArray.length];oneArray.push(document.getElementById(consts).innerText)} else if (oneArray.length >= 10 && oneArray.length < 15) {let consts = 'div' + (oneArray.length + 1 - 10)document.getElementById(consts).innerText = jixingNumber[oneArray.length];oneArray.push(document.getElementById(consts).innerText)}else {let consts = 'div' + (oneArray.length + 1)document.getElementById(consts).innerText = jixingNumber[oneArray.length];oneArray.push(document.getElementById(consts).innerText)}} else if (chou == 'fu') {// document.getElementById("div1").innerText = fuNumber[0]; // 第一位数字// document.getElementById("div2").innerText = fuNumber[1]; // 第二位数字let consts = 'div' + (twoArray.length + 1)document.getElementById(consts).innerText = fuNumber[twoArray.length]; // 第一位数字\twoArray.push(document.getElementById(consts).innerText)} else if (chou == 'hong') {let hoong1 = 'div' + (5 - hongArray.length)if (hongArray.length == 0) {document.getElementById(hoong1).innerText = hongNumber[0] % 10;; // 第一位数字hongArray.push('1')//   hongArray.push(document.getElementById(hoong1).innerText)} else if (hongArray.length == 1) {document.getElementById(hoong1).innerText = Math.floor((hongNumber[0] / 10) % 10); // 位数字hongArray.push('2')} else if (hongArray.length == 2) {document.getElementById(hoong1).innerText = Math.floor((hongNumber[0] / 100) % 10); // 第一位数字hongArray.push('3')} else if (hongArray.length == 3) {document.getElementById(hoong1).innerText = Math.floor((hongNumber[0] / 1000) % 10); // 第一位数字hongArray.push(document.getElementById(hoong1).innerText)let arr = 'hong'document.getElementById(arr).innerText = hongNumber[0];hongArray.push('4')}} else if (chou == 'desk') {isChoice++;

console.log(isChoice);
if (isChoice == 13) {
var modal = document.createElement(‘div’);
modal.style.position = ‘fixed’;
modal.style.top = ‘50%’;
modal.style.left = ‘50%’;
modal.style.transform = ‘translate(-50%, -50%)’;
modal.style.backgroundColor = ‘rgba(0, 0, 0, 0.8)’;
modal.style.color = ‘#fff’;
modal.style.padding = ‘20px’;
modal.style.borderRadius = ‘10px’;
modal.style.textAlign = ‘center’;
modal.style.fontSize = ‘80px’;
modal.style.width = ‘700px’;
modal.style.height = ‘120px’;
modal.innerHTML = ‘桌奖抽取已完成!!!谢谢支持!!’;

        // 在页面中添加弹框document.body.appendChild(modal);// 自动隐藏弹框,2秒后消失setTimeout(function () {document.body.removeChild(modal);}, 2000);} else {// console.log(JSON.stringify(checkPokeIndex), 9999)// console.log(JSON.stringify(pickPokeList),8888)if (pickPokeList.includes(checkPokeIndex)) {console.log("存在");} else {//   pickPokeList.push(checkPokeIndex);}//移除当前卡组pickPokeList.push(checkPokeIndex);if (checkPokeIndex <= 10) {const randomNum = deskNum[Math.floor(Math.random() * deskNum.length)];let dom = 'deskSpan';document.getElementById(dom).innerText = randomNum;deskNum = deskNum.filter(item => item != randomNum);// deskNum = deskNum} else if (checkPokeIndex > 10 && checkPokeIndex < 13) {const randomNum = deskNum1[Math.floor(Math.random() * deskNum1.length)];let dom = 'deskSpan';document.getElementById(dom).innerText = randomNum;deskNum1 = deskNum1.filter(item => item != randomNum);//  deskNum1 = deskNum1} else {const randomNum = deskNum2[Math.floor(Math.random() * deskNum2.length)];let dom = 'deskSpan';document.getElementById(dom).innerText = randomNum;deskNum2 = deskNum2.filter(item => item != randomNum);// deskNum2 = deskNum2;}deskJPPoke = deskJPPoke.filter(item => !pickPokeList.includes(item));}}revealResult();}
let isChoice=0;
let checkData=[];function checkPoke() {const randomNum = deskJPPoke[Math.floor(Math.random() * deskJPPoke.length)];let dom = 'poke';checkPokeIndex = randomNum;document.getElementById(dom).style.backgroundImage = 'url(D:/nianhui/poke/' + checkPokeIndex + '.jpg)';}function animateNumbers() {// 生成范围在 5900 到 6100 的随机数字const randomNumber1 = Math.floor(Math.random() * 201) + 5900; // 生成 5900 到 6100const randomNumber = Math.random() < 0.5 ? 5 : 6;const randomNumber6 = Math.floor(Math.random() * 9) + 1; // 1 到 9if (chou == "ji") {if (oneArray.length >= 5 && oneArray.length < 10) {let consts = 'div' + (oneArray.length + 1 - 5)document.getElementById(consts).innerText = randomNumber1;// return} else if (oneArray.length >= 10 && oneArray.length < 15) {let consts = 'div' + (oneArray.length + 1 - 10)document.getElementById(consts).innerText = randomNumber1;// return}else {let consts = 'div' + (oneArray.length + 1)document.getElementById(consts).innerText = randomNumber1; // 第一位数字}} else if (chou == "fu") {let constss = 'div' + (twoArray.length + 1)document.getElementById(constss).innerText = randomNumber1; // 第一位数字} else if (chou == "hong") {let hoong1 = 'div' + (5 - hongArray.length)if (hongArray.length == 3) {document.getElementById(hoong1).innerText = randomNumber; // 第一位数字} else {document.getElementById(hoong1).innerText = randomNumber6; // 第一位数字}} else if (chou == "desk") {const randomNum = Math.floor(Math.random() * 9) + 7;let dom = 'deskSpan';document.getElementById(dom).innerText = randomNum;}}function revealResult() {if (chou == "ji") {// if (oneArray.length > 5) {//     //   alert(1)//     return// }// alert(2)let arr = 'jixing' + (oneArray.length)document.getElementById(arr).innerText = jixingNumber[oneArray.length - 1];isRunning = false;document.getElementById("startButton").disabled = false;} else if (chou == "fu") {let arr = 'fu' + (twoArray.length)document.getElementById(arr).innerText = fuNumber[twoArray.length - 1];isRunning = false;document.getElementById("startButton").disabled = false;} else if (chou == "hong" && hongArray.length == 4) {isRunning = false;document.getElementById("startButton").disabled = false;} else {isRunning = false;document.getElementById("startButton").disabled = false;}}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/503818.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于FPGA的出租车里程时间计费器

基于FPGA的出租车里程时间计费器 功能描述一、系统框图二、verilog代码里程增加模块时间增加模块计算价格模块上板视频演示 总结 功能描述 &#xff08;1&#xff09;&#xff1b;里程计费功能&#xff1a;3公里以内起步价8元&#xff0c;超过3公里后每公里2元&#xff0c;其中…

nginx-链路追踪(trace)实现

一. 需求场景&#xff1a; 在日常运维工作中&#xff0c;会经常遇到在有多重调用链的场景下&#xff0c;如请求遇到非致命error时&#xff0c;在各环节的定位会非常麻烦&#xff0c;举个例子&#xff1a;比如说&#xff0c;在一个有多重调用链的服务环境下&#xff0c;一个请求…

c#使用SevenZipSharp实现压缩文件和目录

封装了一个类&#xff0c;方便使用SevenZipSharp&#xff0c;支持加入进度显示事件。 双重加密压缩工具范例&#xff1a; using SevenZip; using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Text; using System.Threading.…

MySQL和Hive中的行转列、列转行

水善利万物而不争&#xff0c;处众人之所恶&#xff0c;故几于道&#x1f4a6; 文章目录 MySQL1.行转列2.列转行 Hive1.行转列2.列转行(1)侧窗(2)union MySQL 1.行转列 把多行转成列。直接group&#xff0c;sum(if()) 2.列转行 Hive 1.行转列 select name,sum(if(kmshuxu…

快速上手:采用Let‘sEncrypt免费SSL证书配置网站Https (示例环境:Centos7.9+Nginx+Let‘sEncrypt)

1 关于Let’s Encrypt与Cerbot DNS验证 Let’s Encrypt 是一个提供 免费证书 的 认证机构。 Cerbot 是 Let’s Encrypt 提供的一个工具&#xff0c;用于自动化生成、验证和续订证书。 DNS验证是 Cerbot 支持的验证方式之一。相比 HTTP 验证或 TLS-ALPN 验证&#xff0c;DNS …

【Unity3D】Text文本文字掉落效果

相关技术&#xff1a;Text、TextMesh、Rigidbody&#xff08;刚体&#xff09;、BoxCollider&#xff08;碰撞体&#xff09;、TextGenerator、文本网格、文字网格 原理&#xff1a;使用UGUI Text获取其文字的每个字符网格坐标&#xff0c;转世界坐标生成对应的3D文本(TextMesh…

flutter 专题二十四 Flutter性能优化在携程酒店的实践

Flutter性能优化在携程酒店的实践 一 、前言 携程酒店业务使用Flutter技术开发的时间快接近两年&#xff0c;这期间有列表页、详情页、相册页等页面使用了Flutter技术栈进行了跨平台整合&#xff0c;大大提高了研发效率。在开发过程中&#xff0c;也遇到了一些性能相关问题和…

设计模式 行为型 命令模式(Command Pattern)与 常见技术框架应用 解析

命令模式&#xff08;Command Pattern&#xff09;是一种行为型设计模式&#xff0c;它旨在将请求发送者和接收者解耦&#xff0c;通过将一个请求封装为一个对象&#xff0c;从而允许参数化客户端对象以进行不同的请求、排队请求或记录请求&#xff0c;并支持可撤销操作。 在软…

NodeLocal DNS 全攻略:从原理到应用实践

文章目录 一、NodeLocal DNS是什么&#xff1f;二、为什么使用NodeLocal DNS&#xff1f;三、工作原理架构图四、安装NodeLocal DNS五、在应用中使用NodeLocal DNSCache六、验证 一、NodeLocal DNS是什么&#xff1f; NodeLocal DNSCache 通过在集群节点上运行一个 DaemonSet …

jenkins入门12-- 权限管理

Jenkins的权限管理 由于jenkins默认的权限管理体系不支持用户组或角色的配置&#xff0c;因此需要安装第三发插件来支持角色的配置&#xff0c;我们使用Role-based Authorization Strategy 插件 只有项目读权限 只有某个项目执行权限

STM32-笔记34-4G遥控灯

4G接线 一、项目需求 服务器通过4G模块远程遥控开关灯。 二、项目实现 复制项目文件夹38-wifi控制风扇项目 重命名为39-4G遥控点灯 打开项目文件 加载文件 main.c #include "sys.h" #include "delay.h" #include "led.h" #include "ua…

STM32——系统滴答定时器(SysTick寄存器详解)

文章目录 1.SysTick简介2.工作原理3.SysTick寄存器4.代码延时逻辑5.附上整体代码6.一些重要解释 1.SysTick简介 Cortex-M处理器内集成了一个小型的名为SysTick(系统节拍)的定时器,它属于NVIC的一部分,且可以产生 SysTick异常(异常类型#15)。SysTick为简单的向下计数的24位计数…

数据库模型全解析:从文档存储到搜索引擎

目录 前言1. 文档存储&#xff08;Document Store&#xff09;1.1 概念与特点1.2 典型应用1.3 代表性数据库 2. 图数据库&#xff08;Graph DBMS&#xff09;2.1 概念与特点2.2 典型应用2.3 代表性数据库 3. 原生 XML 数据库&#xff08;Native XML DBMS&#xff09;3.1 概念与…

使用 Conda创建新的环境遇到的问题

下载速度很慢 1、更新 conda update -n base -c defaults conda2、清理缓存 conda clean --all解决方法 方法 1&#xff1a;关闭严格的渠道优先级 检查是否开启了严格渠道优先级&#xff1a; conda config --show channel_priority 如果返回 strict&#xff0c;说明启用了严…

软件23种设计模式完整版[附Java版示例代码]

一、什么是设计模式 设计模式是在软件设计中反复出现的问题的通用解决方案。它们是经过多次验证和应用的指导原则,旨在帮助软件开发人员解决特定类型的问题,提高代码的可维护性、可扩展性和重用性。 设计模式是一种抽象化的思维方式,可以帮助开发人员更好地组织和设计他们…

React+redux项目搭建流程

1.创建项目 create-react-app my-project --template typescript // 创建项目并使用typescript2.去除掉没用的文件夹&#xff0c;只保留部分有用的文件 3.项目配置&#xff1a; 配置项目的icon 配置项目的标题 配置项目的别名等&#xff08;craco.config.ts&…

nginx-灰度发布策略(基于cookie)

一. 简述&#xff1a; 基于 Cookie 的灰度发布是一种常见的策略&#xff0c;它允许您根据用户的特定 Cookie 值将流量路由到不同的服务版本。这种方法可以确保只有满足条件的用户会看到新版本的功能&#xff0c;从而降低风险并便于监控和回滚。 二. 配置案例&#xff1a; 测…

【HarmonyOS NEXT】鸿蒙应用使用后台任务之长时任务,解决屏幕录制音乐播放等操作不被挂起

【HarmonyOS NEXT】鸿蒙应用使用后台任务之长时任务&#xff0c;解决屏幕录制音乐播放等操作不被挂起 一、前言 1.后台是什么&#xff1f; 了解后台任务和长时任务前&#xff0c;我们需要先明白鸿蒙的后台特性&#xff1a;所谓的后台&#xff0c;指的是设备返回主界面、锁屏、…

怎么用vs编python文件

用vs编写python文件的方法&#xff1a;1、安装python插件&#xff0c;在vs的Extensions扩展中搜索Python&#xff0c;如下&#xff1a; 2、安装完成后&#xff0c;就需要配置一下本地python解释器的路径&#xff0c;这个直接在settings.json文件中设置参数python.pythonPath就可…

C#使用MVC框架创建WebApi服务接口

第一步,使用VS2019新建MVC-Web API应用程序 创建BridgeApi 第二步,运行将生成默认的示例网页,网页Url为 https://localhost:44361/home/index 右键 项目 添加 WebAPI控制器类 添加 我们可以看到App_Start目录下 有三个文件: BundleConfig.cs代表 捆绑文件的引用 有脚本文件…