座次表点名工具

最新推荐文章于 2025-05-17 16:09:35 发布
最新推荐文章于 2025-05-17 16:09:35 发布
阅读量193 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54771614/article/details/116738265
版权


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>812座次表</title>
    <style>
        td {
            width: 9.09%;
            height: 70px;
            text-align: center;
        }
 
        .tdBg {
            background-color: red;
        }
    </style>

</head>
<body>
        
    <!-- table是表格标签，tr表示一行，td表示一行中的一个单元格 -->
    <!-- 默认情况，单元格会根据内容的长度比例来自动设置 -->
    <table border="1" width="1500" align="center" style="font-size:30px">
        <tr>
        <!-- 可以对单元格施加宽度属性，使用百分比和长度皆可 -->
            <td>张振宇</td>
            <td></td>
            <td></td>
            <td rowspan="10">走<br><br><br><br><br><br><br>廊</td>
            <td></td>
            <td></td>
            <td></td>
            <td rowspan="10">走<br><br><br><br><br><br><br>廊</td>
            <td>蒋士程</td>
            <td>刘芳宏</td>
            <td>程永宝</td>
        </tr>

        <tr>
            <td>陈振坤</td>
            <td>文磊</td>
            <td>郑缘红</td>

            <td>彭书明</td>
            <td>高宇路</td>
            <td>刘祺</td>

            <td>彭佳伟</td>
            <td>张麒</td>
            <td>周双</td>
        </tr>
        <tr>
            <td>李登锋</td>
            <td>杨美华</td>
            <td>何金红</td>

            <td>全绍银</td>
            <td>肖杰</td>
            <td>邓钦月</td>

            <td>谭心</td>
            <td>周志豪</td>
            <td>陈新位</td>
        </tr>
        <tr>
            <td>李思濛</td>
            <td>张宇涵</td>
            <td>王志锋</td>

            <td>周潇</td>
            <td>郑慧</td>
            <td>唐舜藤</td>

            <td>龙浪</td>
            <td>姜晓彤</td>
            <td>熊樱</td>
        </tr>
        <tr>
            <td>陈俊杰</td>
            <td>李润芝</td>
            <td>唐万玲</td>

            <td>张兰</td>
            <td>段伟杰</td>
            <td>袁霜霜</td>

            <td>张桂榛</td>
            <td>洪垚渺</td>
            <td>段浪</td>
        </tr>
        <tr>
            <td>朱瑞</td>
            <td>黄金琼</td>
            <td>赵娜</td>

            <td>何绪瑶</td>
            <td>王佳鑫</td>
            <td>肖婪鑫</td>

            <td>周坤</td>
            <td>瞿超越</td>
            <td>段钰涵</td>
        </tr>
        <tr>
            <td>周衡</td>
            <td>牟姝颖</td>
            <td>贺影</td>

            <td>熊可欣</td>
            <td>张悦</td>
            <td>腾粤</td>

            <td>张成竹</td>
            <td>张英霞</td>
            <td>黄浪</td>
        </tr>
        <tr>
            <td>杨小龙</td>
            <td>邓倩</td>
            <td>熊文杰</td>

            <td>向香雨</td>
            <td>陆妍祺</td>
            <td>罗婧怡</td>

            <td>王涵</td>
            <td>邓合见</td>
            <td>牟锦华</td>
        </tr>
        <tr>
            <td>雷舒雅</td>
            <td>牟娴静</td>
            <td>曹丽娜</td>

            <td>郭康</td>
            <td>曾姚</td>
            <td>刘宇婷</td>

            <td>牟翔</td>
            <td>段超群</td>
            <td>谭橙</td>
        </tr>

        <tr>
            <td>刘朝运</td>
            <td>高宇苗</td>
            <td>黄晶</td>

            <td></td>
            <td></td>
            <td>邱奕琳</td>

            <td>包岩</td>
            <td>张征光</td>
            <td>周朋林</td>
        </tr>
        <tr>    
            <!-- colspan 可以跨列 -->
            <td colspan="11">讲台</td>
        </tr>
    </table>
    <br><br>
    <div align="center">
    <input type="button" value="开始" οnclick="start()" style="font-size:30px;background-color: green;">
    <input type="button" value="<" οnclick="minus()" style="font-size:35px;background-color: gray;">
    <input id="input" type="text" value="1" style="font-size:35px;width:70px">
    <input type="button" value=">" οnclick="plus()" style="font-size:35px;background-color: gray;">
    <input type="button" value="结束" οnclick="end()" style="font-size:30px;background-color: red;">
    
    </div>

</body>

<script>
    //获取抽取人数
    function minus(){
        var input=Number(document.getElementById("input").value)
        if(input>1){
            document.getElementById("input").value=input-1}
    }
    function plus(){
        var input=Number(document.getElementById("input").value)
        document.getElementById("input").value=input+1
    }
    //随机效果
    var timer=null;

    function start() {
        //判断是否开始
        if(timer==null){
        timer= setInterval(function(){
        var allTd = document.getElementsByTagName("td");
        var num = parseInt(Math.random()*allTd.length);
        var nam=allTd[num].innerHTML;
        for (var i=0; i<allTd.length; i++) {
            if (i == num) {
                allTd[i].className = "tdBg";
            } else {
                allTd[i].className = "";
            }
        }
    },100)}}
    function end() {
        if(timer!=null){
            clearInterval(timer);
            timer=null
            var allTd = document.getElementsByTagName("td");
            var input=Number(document.getElementById("input").value)
            //清空颜色
            for (var i=0; i<allTd.length; i++) {
                allTd[i].className = "";
            }
            //填充颜色
            var n=0;
            var num=null;
            var timer2=null;
            timer2= setInterval(function(){if(n!=input){
                num = parseInt(Math.random()*allTd.length);
                if (allTd[num].innerHTML!=""&&allTd[num].innerHTML!="讲台"&&allTd[num].innerHTML!="走<br><br><br><br><br><br><br>廊"&&allTd[num].getAttribute("class")!="tdBg"){
                    allTd[num].className = "tdBg";
                    //console.log(allTd[num].getAttribute("class"))
                    n=n+1;
                    document.getElementById("input").value=n;
                }}    
            },100)
            if (n==input){
                clearInterval(timer2);
            }
        }
    }


</script>
</html>

苏亚星显示没有登录的服务器,苏亚星电子教室
weixin_33895274的博客
08-04 2339
本词条缺少概述图，补充相关内容使词条更完整，还能快速升级，赶紧来编辑吧！突破传统教室对时空的限制，实现传统课堂教学中老师与学生、学生与学生间的交流，广泛适用于学科教学、电脑教学、语音教学及电脑娱乐。中文名苏亚星电子教室用途实现传统课堂教学中师生间的交流优点突破传统教室对时空的限制适用于学科教学、电脑教学、语音教学苏亚星电子教室系统概况编辑语音1、 采用动态频道分配模式：无论你的网络...
最新公司年会策划方案精选
新视数据
07-28 924
然后让每个人在5个成语前加上“我初恋时、我结婚时、我洞房花烛夜时、我结婚后、我的婚外恋”，这样连起来就变成“我初恋时(第一个成语)、我结婚时(第二个成语)、我洞房花烛夜时(第三个成语)、我结婚后(第四个成语)、我的婚外恋(第五个成语)”。20xx年公司年会策划方案1　　一方面：在这个“企业盛会”中，公司领导与领导、员工与员工、领导与员工零距离接触，与会者欢聚一堂，这不仅可以消除以往工作中的矛盾，还可以增进人与人之间的交流，实现企业内部的团结，增加企业凝聚力。”然后全组人一起欢呼，最先欢呼的那一组便得胜。
校园数字化信息管理SaaS云平台，java智慧班牌系统源码，智慧校园小程序
zmm201453的博客
03-13 669
智慧班牌系统在传统信息发布和校园文化展示功能基础上，融合了人脸识别、即时通讯等新技术，与智慧校园中各类系统互联互通，将课堂学情分析、考勤管理、德育评比、教务考务、物联控制、家校互通等业务进行有机融合，实现了一个终端多种应用。设备管理主要对班级中正在使用的班牌进行管理，基本功能包含 (开关机状态班级信息、设备型号、开关机信息、班牌截屏信息、教室编号、设备ID、在线和离线状态、班牌更新时间等)。家长或者学生可进行申请请假，班主任审批后学生通过人脸识别，如审批通过，可确认放行，同时推送离校信息给家长;
java智慧班牌系统源码，全套源码包含：小程序移动端、教师后台管理系统、SaaS运营云平台
m0_67098612的博客
12-23 956
智慧校园电子班牌系统全套源码包含：电子班牌管理系统、成绩管理系统、考勤人脸刷卡管理系统、综合素养评价系统、请假管理系统、电子班牌发布系统、校务管理系统、小程序移动端、教师后台管理系统、SaaS运营云平台。教师也可通过教师小程序端发布作业安排、课程表、值日表、班级活动、班级文化等，查看学生的考勤、成绩、对学生综合素质的评价、调课申请、班级事务审批、请假申请审批、家长沟通等工作，线上统一管理，更加高效智能化。家长通过家长小程序端随时了解孩子在校的情况，实时接收学生的出勤情况，学生到校、离校时间。
智慧校园平台电子班牌系统源码，智慧校园小程序源码，Saas云平台模式，私有云部署，使用springboot，vue，elmentui ，Quartz，jpa，jwt技术开发
baina666的博客
08-05 1995
智慧校园云平台电子班牌系统源码，智慧班牌全套源码，电子班牌系统源码 Saas云平台模式，私有云部署的智慧班牌系统源码，基于使用springboot框架Java+vue2，elmentui，Quartz，jpa，jwt；数据库MySQL5.7；移动端小程序使用小程序原生语言开发。自主版权，多家学校项目落地案例。Web：智慧校园数据云平台； 小程序家长端：家长端可查看孩子信息并收到推送；小程序教师端：教师端可进行班级管理及审批工作；电子班牌：挂在每个班级一台供学生刷卡使用。
计算机教学总结经验交流稿,信息技术教学经验交流发言稿
weixin_39980002的博客
07-26 264
尊敬的教研室领导、尊敬的各兄弟学校专家老师们：大家下午好。非常荣幸受赵主任的委托，代表我们临沂六中信息技术教研组在这次交流会上发言。六中在近几年的信息技术教学中取得了一定的成绩，尤其是近两年的信息技术中考中取得了较好的成绩。下面我将我们教研组自认为可行的做法和想法总结出来，与各位同仁共同探讨。希望能起到抛砖引玉的作用，其中不当之处，还请各位专家和同行们多提宝贵的意见，我们将努力改进共同提高共同成长...
计算机课代表发言稿,信息技术教学经验交流发言稿
weixin_28819153的博客
07-14 385
信息技术教学经验交流发言稿信息技术是指在计算机和通信技术支持下用以 获取、加工、存储、 变换、显示和传输文字、数值、图像以及声音信息，包括提供设备和提供信息服务两大方面的方法与设备的总称。下面是小编为你精心整理的信息技术教学经验交流发言稿，希望对你有帮助！尊敬的教研室领导、尊敬的各兄弟学校专家老师们：大家下午好。非常荣幸受赵主任的委托，代表我们xx信息技术教研组在这次交流会上发言。六中在近几年的信...
智慧校园源码：带部署文档和接口文档+智慧校园小程序源码
源码技术栈的博客
03-06 919
springboot+vue +element-ui+电子班牌小程序 前后端分离
基于springboot+vue+element-ui开发的大型智慧校园电子班牌系统源码
baina666的博客
03-13 881
智慧校园云平台实现了智慧校园基础数据的统一管理，通过此平台提供教师基础信息管理、学生基础信息管理、用户认证管理、权限管理、资源管理、应用管理、第三方应用接入等基础功能与服务。 智慧校园全套源码包含：电子班牌管理系统、成绩管理系统、考勤人脸刷卡管理系统、综合素养评价系统、请假管理系统、电子班牌发布系统、校务管理系统、小程序移动端、教师后台管理系统、SaaS运营云平台。
可任意拖动排位的学生座次表
12-10
【可任意拖动排位的学生座次表】是一款专为教育机构设计的高效管理工具，尤其适用于班级人数较多的情况。这款程序旨在简化班主任对学生座位安排的繁琐工作，将原本可能需要几十分钟才能完成的任务缩短至几分钟，极大...
2023-2014-1软件学院专业课考试 座次表.rar
01-04
在处理这样的RAR文件时，用户需要有解压工具，例如WinRAR或7-Zip，来访问和查看座次表的内容。打开后，可能是一个PDF文档或者Excel表格，这两种格式都适合展示大量结构化的信息，如座次表。用户应按照文件内的指示或...
座次表排序软件——基于.NET 4.0
03-27
【座次表排序软件——基于.NET 4.0】是一个使用C#编程语言，并在Visual Studio 2010（VS2010）开发环境中构建的应用程序。这个项目主要聚焦于实现对座次表数据的高效管理和排序功能，对于初学者来说，它提供了一个...
C语言程序设计和VB上机考试座次表.xls
10-16
C语言程序设计和VB上机考试座次表.xls
谷歌地图代理 | 使用 HTML 和矢量模式 API 更轻松地创建 Web 地图
CLOUDACE的博客
05-16 768
在过去的一年里，谷歌对 Maps JavaScript API 进行了两项重要更新，以便更轻松地采用我们最新、最好的地图：HTML 地图和矢量模式 API。今天谷歌地图亚太区最大代理商之一的 Cloud Ace云一 为大家介绍一下更新的具体内容。
基于requests_html的python爬虫
最新发布
2402_88126487的博客
05-17 733
今天介绍一个相对性能更高的爬虫库requests_html，会不会感觉和requests有点联系？是的。为什么开始不直接介绍呢？因为我觉得requests是最基本入门的东西，并且在学习过程中也能学到很多东西。我的python老师在介绍这两个库时是直接一起讲的，然后我就很混乱，各自特点以及用法都分不清楚。不是说老师讲得不好啊，老师是高手，是我太菜了~.~
HTML：入门
Wyc72409的博客
05-14 405
span>标签属于内联元素，主要用于为文本的特定部分或者小范围的内联内容添加样式或进行标识。它本身不会对内容的显示造成影响，只有在为其应用了 CSS（像设置颜色、字体、背景等样式）或者添加了 JavaScript 行为之后，才会发挥作用。
慢速降落字母html
qq_46633423的博客
05-17 247
【代码】慢速降落字母html。
HTML-3.4 表单form
HRDMN的博客
05-14 1121
文章详细介绍了HTML表单的使用，包括表单的基本结构、主要属性、常用控件、数据验证、样式布局以及现代表单技术。通过代码实例，展示了如何创建和美化表单，并提供了完整的表单示例代码。文章适合初学者作为学习参考，帮助掌握HTML表单的核心功能，提升前端开发技能。
【HTML】个人博客页面
qq_62223405的博客
05-15 657
该HTML页面展示了一个精美的博客布局，采用了HTML5语义化标签如<header>、<main>、<article>和<footer>，结构清晰。页面使用了Noto Serif SC字体，整体设计以绿色为主色调，清新自然。CSS部分通过Flexbox布局实现了灵活的页面结构，并添加了多种交互效果，如链接下划线动画、按钮和文章的轻微上移效果，以及响应式设计，确保在移动设备上也有良好的浏览体验。JavaScript部分实现了平滑滚动效果，点击页面内的锚点链接时，
.NET 4.0开发的座次表排序软件使用教程
1. 座次表排序软件：这里提到的“座次表排序软件”很可能是针对某种特定场合（如学校考试、公司会议、活动安排等）的座位安排工具。它能够帮助用户快速且高效地安排和排序座位，可能是按照一定的规则（如学生姓名...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值