当前位置：首页 > news >正文

前端：用HTML ，JS写一个双色球彩票中将机制，因为时间不够，加上本人懒没有用CSS美化界面，多包涵

news 2026/3/29 22:04:22

1.HTML

<body><div id="content"><div id = "top"><div id = "username">用户号码：</div><div id = "qiu"><span id = "red">红球：</span><input id = "redqiu1"/><input id = "redqiu2"/><input id = "redqiu3"/><input id = "redqiu4"/><input id = "redqiu5"/><input id = "redqiu6"/><span id = "blue">蓝球：</span><input id = "blueqiu7"/></div></div><div id = "center"><div id = "zjname">中奖号码：</div><div id = "qiu1"><span id = "red1">红球：</span><div class="redqiu" id = "red01"></div><div class="redqiu" id = "red02"></div><div class="redqiu" id = "red03"></div><div class="redqiu" id = "red04"></div><div class="redqiu" id = "red05"></div><div class="redqiu" id = "red06"></div><span id = "blue01">蓝球：</span><div id = "blueqiu01"></div></div></div><div id = "bottom"><div id ="outcome">结果为：</div><div id="kai">开奖</div></div></div></body>

2.JS

<script type="text/javascript">var nums= [];var b = 0;var usernums = [];var o = [];var l = 1;// var zjnum =[];function isSave(nums,len,tag){for(var i = 0;i < len;i++){if(nums[i] == tag){return 1;}}return 0;}// function print( nums,len)// {//     for(int i = 0;i < len;i++)//     {//         cout << nums[i] << ",";//     }//     cout << endl;// }function zjnums(){for(var i = 0;i<7;i++){if(i != 6){var x = Math.random()*33+1;x = Math.floor(x);var t = isSave(nums,6,x);if(t){i--;continue;}else{// $("#redqiu").html(x);nums[i] = x;}}else{var y = Math.random()*16+1;y = Math.floor(y);// $("#blueqiu01").html(y);nums[6] = y;}$("#redqiu").html("机选的号码为"+ ":" + nums);}}function xz(s,w){if(w == 6){if(s<0 || s >16){$("#outcome").html("号码有误");return 0;}else{usernums[w] = s;return 1;}}else{if(s<0 || s > 33){$("#outcome").html("号码有误");return 0;}else{usernums[w] = s;return 1;}}}function getusernums(){o[0] = xz($("#redqiu1").val(),0);o[1] = xz($("#redqiu2").val(),1);o[2] = xz($("#redqiu3").val(),2);o[3] = xz($("#redqiu4").val(),3);o[4] = xz($("#redqiu5").val(),4);o[5] = xz($("#redqiu6").val(),5);o[6] = xz($("#blueqiu7").val(),6);}function timezjnum(){var x = Math.random()*33+1;x = Math.floor(x);var y = Math.random()*16+1;y = Math.floor(y);if(b<20){$("#red01").html(x);}else if(b ==20){$("#red01").html(nums[0]);}else if(b < 40){$("#red02").html(x);}else if(b == 40){$("#red02").html(nums[1])}else if(b<60){$("#red03").html(x);}else if(b == 60){$("#red03").html(nums[2])}else if(b<80){$("#red04").html(x);}else if(b == 80){$("#red04").html(nums[3])}else if(b<100){$("#red05").html(x);}else if(b == 100){$("#red05").html(nums[4])}else if(b<120){$("#red06").html(x);}else if(b == 120){$("#red06").html(nums[5])}else if(b<140){$("#blueqiu01").html(y);}else if(b == 140){$("#blueqiu01").html(nums[6])}else{b=0;clearInterval(id);zhong();console.log(nums);console.log(usernums);}b++;}function zhong(){var x = 0;for (var i = 0; i < 7; i++) {for(var j = 0;j<7;j++){if(nums[i] == usernums[j]){x++;$("#zjname").html(zjnums[i]);	}}}switch(x){case 3:$("#outcome").html("5元");break;case 4:$("#outcome").html("50元");break;case 5:$("#outcome").html("500元");break;case 6:$("#outcome").html("50000元");break;case 7:$("#outcome").html("20000000元");break;default:$("#outcome").html("谢谢惠顾");break;}}$("#kai").click(function(){nums= [];b = 0;usernums = [];o = [];l = 1;getusernums();for(var i = 0; i < 7; i++){if(o[i] == 0){l = 0;}	}if(l){id = setInterval(timezjnum,80);zjnums();}});</script>

效果展示：

前端：用HTML ，JS写一个双色球彩票中将机制，因为时间不够，加上本人懒没有用CSS美化界面，多包涵

1.HTML <body><div id"content"><div id "top"><div id "username">用户号码：</div><div id "qiu"><span id "red">红球：</span><input id…...

编程日记 2023/10/30 5:33:52

前端页面如何自适应--4种方法

前端页面有很多方法可以实现。这里我将介绍五种常用的方法，并提供相应的代码示例。 1. 使用CSS媒体查询通过CSS媒体查询，可以根据不同的屏幕尺寸应用不同的样式。在Vue组件中，可以在样式部分使用媒体查询，使排版根据屏幕大小进…...

编程日记 2023/10/30 5:32:47

2024王道考研计算机组成原理——总线

6.1 总线概述每一个外设都通过IO接口和DB、CB、AB相连三系统总线结构： 桥有总线仲裁的功能，就是把某一总线的使用权分给哪个设备？ 6.1.2 总线的性能指标总线复用：分时传输地址&数据 6.2 总线仲裁通过控制总线来发送使…...

编程日记 2023/10/30 5:31:45

【Linux】进程概念(下)

进程概念一、环境变量1. 命令行参数2. 常见的环境变量（1）PATH（2）PWD（3）HOME（4）env 查看所有的环境变量 3. 获取环境变量（1）通过代码获取环境变量&#xff08…...

编程日记 2023/10/30 5:30:44

基于Spring Boot的本科生就业质量设计与实现

摘要信息化爆炸的时代，互联网技术的指数型的增长，信息化程度的不断普及，社会节奏在加快，每天都有大量的信息扑面而来，人们正处于数字信息化世界。数字化的互联网具有便捷性，传递快，效率高&am…...

编程日记 2023/10/30 5:29:43

238. 除自身以外数组的乘积 --力扣 --JAVA

题目给你一个整数数组 nums，返回数组 answer ，其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积。题目数据保证数组 nums之中任意元素的全部前缀元素和后缀的乘积都在 32 位整数范围内。请不要使用除法，且在 O(n) 时间复…...

编程日记 2023/10/30 5:28:42

如何判断一个类是线程安全的

线程安全一个类或者程序提供的接口，多个线程之间的切换不会导致该接口的执行结果存在二义性，也就是不必考虑同步问题。或者说一段代码可能会被多个线程同时执行，如果每次运行的结果和单线程执行的结果是一样的，并且其他变量的…...

编程日记 2023/10/30 5:27:41

MyBatis的各种查询功能

文章目录情景查询一个实体类对象查询一个List集合查询单个数据查询一条数据为map集合查询多条数据为map集合方法一方法二情景如果查询出的数据只有一条，可以通过实体类对象接收List集合接收Map集合接收，结果{password123456, sex男, id1, age23, us…...

编程日记 2023/10/30 5:26:40

【Tomcat】如何在idea上部署一个maven项目?

目录 1.创建项目 2.引入依赖 3.创建目录 4.编写代码 5.打包程序 6.部署项目 7.验证程序什么是Tomcat和Servlet? 以idea2019为例： 1.创建项目 1.1 首先创建maven项目 1.2 项目名称 2.引入依赖 2.1 网址输入mvnrepository.com进入maven中央仓库->地址…...

编程日记 2023/10/30 5:25:39

编程日记 2023/10/30 5:24:38

关于pcl 给new出的数据赋值报错问题

pcl::PointCloud<pcl::PointXYZ>::Ptr cloud (new pcl::PointCloud<pcl::PointXYZ>); for (size_t i 0; i < cloud->points.size (); i) //填充数据 { cloud->points[i].x 1024 * rand () / (RAND_MAX 1.0f); cloud->points[i].y 1024…...

编程日记 2023/10/30 5:23:36

window11 更改 vscode 插件目录，释放C盘内存

由于经常使用vscode开发会安装一些代码提示插件，然后C盘内容会逐渐缩小，最终排查定位到vscode。这个吃内存不眨眼的家伙。建议：不要把插件目录和vscode安装目录放在同一个位置，不然这样vscode更新后，插件也会消失。 v…...

编程日记 2023/10/30 5:22:36

【PyQt学习篇 · ⑥】：QWidget - 事件

文章目录事件消息显示和关闭事件移动事件调整大小事件鼠标事件进入和离开事件鼠标按下和释放事件鼠标双击事件鼠标按下移动事件键盘事件焦点事件拖拽事件绘制事件改变事件右键菜单输入法事件转发机制案例一案例二案例三事件消息显示和关闭事件 showEvent(QShowEvent)方法…...

编程日记 2023/10/30 5:21:34

Vue、jquery和angular之间区别

aVue、jquery、angular之间区别 angular与jquery区别angular和Vue angular与jquery区别三个版本的输入数据绑定，都是单页面应用。 Angular <body ng-app><input type"text" ng-model"name"><p>{{name}}</p></body…...

编程日记 2023/10/30 5:20:33

MATLAB算法实战应用案例精讲-【图像处理】机器视觉（基础篇）（六）

目录前言几个高频面试题目工业相机与普通相机的差别一、工业相机与普通相机的区别...

编程日记 2023/10/30 5:19:32

硬件知识积累 RS232 接口

1. RS232 是什么 RS-232标准接口（又称EIA RS-232）是常用的串行通信接口标准之一，它是由美国电子工业协会(Electronic Industry Association，EIA)联合贝尔系统公司、调制解调器厂家及计算机终端生产厂家于1970年共同制定&#xff0…...

编程日记 2023/10/30 5:17:29

机器人入门（四）—— 创建你的第一个虚拟小车

机器人入门（四）—— 创建你的第一个虚拟小车一、小车建立过程1.1 dd_robot.urdf —— 建立身体1.2 dd_robot2.urdf —— 添加轮子1.3 dd_robot3.urdf —— 添加万向轮1.4 dd_robot4.urdf —— 添加颜色1.5 dd_robot5.urdf —— 添加碰撞检测(Collision …...

编程日记 2023/10/30 5:16:28

部署K8S

防火强的初始化： [rootk8s-node-12 ~]# systemctl stop firewalld NetworkManager [rootk8s-node-12 ~]# systemctl disable firewalld NetworkManager Removed symlink /etc/systemd/system/multi-user.target.wants/NetworkManager.service. Removed symlink /et…...

编程日记 2023/10/30 5:15:27

[NSSCTF 2nd] web刷题记录

文章目录 php签到MyBox非预期解预期解 php签到源代码 <?phpfunction waf($filename){$black_list array("ph", "htaccess", "ini");$ext pathinfo($filename, PATHINFO_EXTENSION);foreach ($black_list as $value) {if (stristr($ext, …...

编程日记 2023/10/30 5:14:26

MyBatis获取参数值的两种方式（重点）

文章目录简介单个字面量类型的参数多个字面量类型的参数map集合类型的参数实体类类型的参数使用Param标识参数总结简介 MyBatis获取参数值的两种方式：${}和#{}${}的本质就是字符串拼接，#{}的本质就是占位符赋值${}使用字符串拼接的方式拼接sql&#x…...

编程日记 2023/10/30 5:12:23

推荐系统优化秘籍：如何用Metric Learning解决冷启动问题？

推荐系统优化秘籍：如何用Metric Learning解决冷启动问题？ 在推荐系统领域，冷启动问题一直是困扰算法工程师和产品经理的核心挑战之一。新用户缺乏历史行为数据，新商品没有足够的曝光记录，传统协同过滤方法在这些场景下…...

编程新知 2026/3/29 21:56:32

Llama-3.2V-11B-cot一文详解：low_cpu_mem_usage对加载速度提升37%

Llama-3.2V-11B-cot一文详解：low_cpu_mem_usage对加载速度提升37% 1. 项目概述 Llama-3.2V-11B-cot是基于Meta Llama-3.2V-11B-cot多模态大模型开发的高性能视觉推理工具，专为双卡RTX 4090环境深度优化。该工具通过一系列技术创新，显著提升…...

编程新知 2026/3/29 20:42:10

Qt图形项事件处理全解析：从mousePressEvent到mouseReleaseEvent的正确姿势

1. Qt图形项鼠标事件处理的核心机制在Qt框架中处理图形项的鼠标交互，本质上是在和事件传播机制打交道。我刚接触Qt图形视图框架时，也曾被mouseMoveEvent不触发的问题困扰过整整两天。后来才发现，这其实是一套设计精巧的事件处理哲学——只有…...

编程新知 2026/3/29 20:14:05

从素材到成片：AI 一站式极速输出——影视创作的新时代革命

在数字化浪潮席卷全球的今天，影视创作领域正经历着前所未有的变革。传统影视制作流程繁琐复杂，从素材采集、剪辑、特效添加到成片输出，往往需要耗费大量的人力、物力和时间。然而，随着人工智能（AI）技术的飞…...

编程新知 2026/3/29 20:01:47

手把手教你修复conda的HTTP 404错误：从错误日志分析到快速解决

深度解析Conda的HTTP 404错误：从日志分析到高效修复当你满怀期待地输入conda create -n myenv python3.9准备创建新环境时，终端却无情地抛出一堆红色错误信息，最扎眼的就是那个requests.exceptions.HTTPError: 404 Client Error。这种突如其…...

编程新知 2026/3/29 19:41:43

突破硬件限制的跨显卡AI增强方案：OptiScaler游戏画质优化全解析

突破硬件限制的跨显卡AI增强方案：OptiScaler游戏画质优化全解析【免费下载链接】OptiScaler DLSS replacement for AMD/Intel/Nvidia cards with multiple upscalers (XeSS/FSR2/DLSS) 项目地址: https://gitcode.com/GitHub_Trending/op/OptiScaler OptiSc…...

编程新知 2026/3/29 19:33:40

铜钟音乐：专注纯净听歌体验的终极免费音乐平台指南

铜钟音乐：专注纯净听歌体验的终极免费音乐平台指南【免费下载链接】tonzhon-music 铜钟 (Tonzhon.com): 免费听歌; 没有直播, 社交, 广告, 干扰; 简洁纯粹, 资源丰富, 体验独特！(密码重置功能已回归) 项目地址: https://gitcode.com/GitHub_Trending/…...

编程新知 2026/3/29 18:55:32