`
bobshute
  • 浏览: 284793 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 上课点名

    博客分类:
  • js
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<html>
<head>
<title>点兵点将</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script language="javascript">
 
// global variables
var timer;
var flag = new Array(100);
var existingnum = new Array(100);
var clickTimes = 0;
var randnum;
var cellnum =1;
var mobile = new Array();
var keyBlank = 0;
// set data here!!

mobile[0]='周星驰0'
mobile[1]='周星驰1'
mobile[2]='周星驰2'
mobile[3]='周星驰3'
mobile[4]='周星驰4'
mobile[5]='周星驰5'
mobile[6]='周星驰6'
mobile[7]='周星驰7'
mobile[8]='周星驰8'
mobile[9]='周星驰9'
mobile[10]='周星驰10'
mobile[11]='周星驰11'
mobile[12]='周星驰12'
mobile[13]='周星驰13'
mobile[14]='周星驰14'
mobile[15]='周星驰15'
mobile[16]='周星驰16'
mobile[17]='周星驰17'
mobile[18]='周星驰18'
mobile[19]='周星驰19'
mobile[20]='周星驰20'
mobile[21]='周星驰21'
mobile[22]='周星驰22'
mobile[23]='周星驰23'
mobile[24]='周星驰24'
mobile[25]='周星驰25'
mobile[26]='周星驰26'
mobile[27]='周星驰27'
mobile[28]='周星驰28'
mobile[29]='周星驰29'
mobile[30]='周星驰30'
mobile[31]='周星驰31'
mobile[32]='周星驰32'
mobile[33]='周星驰33'
mobile[34]='周星驰34'
mobile[35]='周星驰35'
mobile[36]='周星驰36'
mobile[37]='周星驰37'
mobile[38]='周星驰38'
mobile[39]='周星驰39'
mobile[40]='周星驰40'
mobile[41]='周星驰41'
mobile[42]='周星驰42'
mobile[43]='周星驰43'
mobile[44]='周星驰44'
mobile[45]='周星驰45'
mobile[46]='周星驰46'
mobile[47]='周星驰47'
mobile[48]='周星驰48'
mobile[49]='周星驰49'
mobile[50]='周星驰50'

 

function start(){
clearInterval(timer);
timer = setInterval('change()',50); //
}
function ok(){
clearInterval(timer);
}


//开始点击执行方法
function setTimer(){
 //keyBlank = 1;// 置为1,开始已执行,下一步执行停止.
  timer = setInterval("getRandNum();",10);    //设置滚动循环间隔时间
  document.getElementById("start").disabled = true; //设置开始按钮为不可点击
  document.getElementById("end").disabled = false; //设置结束按钮为可点击
}
 var num = mobile.length-1;       //总的长度减1
function getRandNum(){
 document.getElementById("result").value = mobile[GetRnd(0,num)]; //显示框 显示的数据
 //alert(mobile[GetRnd(0,num)]);
}
//取随机数
function GetRnd(min,max){        
 randnum = parseInt(Math.random()*(max-min+1));
 return randnum;
}

//结束执行方法
function clearTimer(){
 //keyBlank = 0;// 置为0,结束已执行,下一步执行开始.
 noDupNum();
 clearInterval(timer);
 document.getElementById("start").disabled = false;
 document.getElementById("end").disabled = true;
 
}

//去掉已选中姓名
function noDupNum(){
 // to remove the selected mobile phone number
 mobile.removeEleAt(randnum);
 // to reorganize the mobile number array!!
 var o = 0;
 for(p=0; p<mobile.length;p++){
  if(typeof mobile[p]!="undefined"){
   mobile[o] = mobile[p];
   o++;
  }
 }
//数组长度减1
 num = mobile.length-1;
 }

// method to remove the element in the array
//移走已选中姓名
Array.prototype.removeEleAt = function(dx)
 {
 if(isNaN(dx)||dx>this.length){return false;}
 this.splice(dx,1);
 }

// set mobile phone numbers to the table cell
function setValues(){
// if(cellnum==45){//历史框已经写满
//  toend();
// }
 document.getElementById(cellnum).value = document.getElementById("result").value ;
 cellnum++;
 }

function showKeyName(e)

{
if(e.keyCode==32&&keyBlank==0){
 blankStart();
 //setTimer();
 return;
}

if(e.keyCode==32&&keyBlank==1){
 //clearTimer();setValues();
 blankStop();
 return;
}

}
//设置键盘标示位属性
function setKeyBlank(value){
 keyBlank = value;
}

//键盘空格开始
function  blankStart(){
 setTimer();
 setKeyBlank(1);
}

//键盘空格停止
function  blankStop(){
 clearTimer();
 setValues();
 setKeyBlank(0);
}
function toend(){
 location.reload();
}
</script>
</head>
<body onkeyup="showKeyName(event)">
<center>
<div></div>
<div id="main">
<div>
<h1></h1>

<p>
<tr>
<td>
<input id="result" type="text" size="30" style="height: 130px; width: 600px; border: 2px solid red; font-size: 120;" readonly />
</td>
   <td  height="30" align="right">[<a href="javascript:location.reload();">刷新页面</a>]</td>
</tr>
</p>
<p>
 
<input id="start" type="button" value="开始" style="border: 1px solid; border-color: #aaa 000 #000 #aaa; width: 4em; background: #fc0;" onclick="setTimer();setKeyBlank(1);" />
<input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000 #aaa; width: 4em; background: #fc0;" onclick="clearTimer();setValues();setKeyBlank(0);" disabled />
 
</p>

<h1>选中历史</h1>

<table width="961" height="102" border="1">
 <tr>
  <td><input name="text1" type="text" id="1" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text2" type="text" id="2" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text3" type="text" id="3" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text4" type="text" id="4" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text5" type="text" id="5" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 <tr>
  <td><input name="text6" type="text" id="6" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text7" type="text" id="7" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text8" type="text" id="8" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text9" type="text" id="9" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text10" type="text" id="10" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 <tr>
  <td><input name="text11" type="text" id="11" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text12" type="text" id="12" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text13" type="text" id="13" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text14" type="text" id="14" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text15" type="text" id="15" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 <tr>
  <td><input name="text16" type="text" id="16" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text17" type="text" id="17" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text18" type="text" id="18" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text19" type="text" id="19" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text20" type="text" id="20" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 
 <tr>
  <td><input name="text21" type="text" id="21" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text22" type="text" id="22" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text23" type="text" id="23" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text24" type="text" id="24" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text25" type="text" id="25" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 <tr>
  <td><input name="text26" type="text" id="26" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text27" type="text" id="27" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text28" type="text" id="28" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text29" type="text" id="29" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text30" type="text" id="30" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
  <tr>
  <td><input name="text31" type="text" id="31" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text32" type="text" id="32" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text33" type="text" id="33" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text34" type="text" id="34" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text35" type="text" id="35" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 <tr>
  <td><input name="text36" type="text" id="36" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text37" type="text" id="37" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text38" type="text" id="38" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text39" type="text" id="39" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text40" type="text" id="40" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
 
  <tr>
  <td><input name="text41" type="text" id="41" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="28" readonly /></td>
  <td><input name="text42" type="text" id="42" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text43" type="text" id="43" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text44" type="text" id="44" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
  <td><input name="text45" type="text" id="45" style="height: 30px; width: 190px; border: 1px solid red; font-size: 25;" size="20" readonly /></td>
 </tr>
</table>
<p></p>
<p></p>
<p></p>
</div>
</div>
<center>
</body>
</html>

分享到:
评论

相关推荐

    js 前端 年会抽奖、点名、上课点名 可视化球形旋转点名 炫酷

    自定义人数,名字 结果可保存 用于年会点名 抽奖 上课点名做题 个人表演等 页面炫酷 可看预览图

    JSP考勤系统主要是摔掉以前的上课点名的古老方式而已

    在信息技术飞速发展的今天,传统的上课点名方式已经逐渐被现代化的电子考勤系统所取代。"JSP考勤系统"便是这样一款应用于教育领域的创新工具,它利用Web技术实现了在线考勤管理,极大地提高了教学效率,减轻了教师的...

    Python+HTML随机点名抽奖源码模板抽奖系统

    4. **JavaScript (others.js)**: JavaScript是用于网页交互的客户端脚本语言。`others.js`文件可能包含了抽奖逻辑的前端实现,比如处理用户点击抽奖按钮的事件,调用Python后端服务进行抽奖,以及显示抽奖结果。...

    学生点名系统用例

    - **点名系统**:点名系统允许老师根据上课信息和点名方式选择学生名单,进行点名操作,并记录学生的出勤情况。它可以支持多种点名方式,如随机抽取、按顺序点名等,确保点名过程公平、高效。 - **提问系统**:...

    一个炫酷的抽奖系统源码

    本文将深入探讨一个炫酷的抽奖系统的构建过程,以及其在年会活动、上课点名场景中的应用。 一、系统概述 一个炫酷的抽奖系统,核心目标是提供公正、随机且吸引人的用户体验。这个系统的设计理念在于简化操作,无需...

    随机点名系统1

    【随机点名系统1】是一种基于HTML和JavaScript的软件应用,旨在提高课堂教学效率,通过算法实现随机点名,同时考虑缺席情况,使越少上课的学生被点中的概率更高。该系统设计包含抽查和预警功能,旨在促进学生的出勤...

    基于SSH框架的点名签到系统

    - 课程管理:设置课程信息,包括课程名、上课时间、授课教师等。 - 签到操作:教师可以发起点名,系统自动记录并更新学生的出勤状态。 - 出勤统计:系统应能生成各种出勤报告,如单个学生的出勤率、班级总体出勤...

    Python智慧教室:具备群体课堂专注度分析、考试监测、动态点名功能

    通过对比数据库中的学生照片,系统可以在上课开始时快速准确地识别出到堂的学生,提高点名效率,减少人工操作的繁琐。 4. **技术框架与库**: Python智慧教室可能使用了如TensorFlow、PyTorch等深度学习框架,以及...

    C#ASP.NET高校移动考勤webapp源码数据库 SQL2008源码类型 WebForm

    源码描述:这个项目就是专为大学中 班级上课 考勤开发的,是webapp版本,适合任何手机浏览器使用 1、AppFramwork框架,针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,具 备跨平台...

    MF00415-移动考勤webapp源码.zip

    ASP.NET高校移动考勤webapp源码 ...不上互联网的情况下,能继续使用必要的功能,比如班长点名考勤功能,如果班长手机连不上网了,但点名考勤 功能可以继续使用,并保留记录,当再次连上网后,可上传记录。

    学生考勤管理系统 需求分析

    - **前端:** 使用HTML、CSS、JavaScript构建用户界面,确保界面友好且易于操作。 - **后端:** 选用Java、Python等语言开发后台逻辑处理,保证系统的稳定性和扩展性。 - **数据库:** 采用MySQL或Oracle作为数据存储...

    任务书ssm703学生考勤管理系统的设计与实现+vue任务书.docx

    本学生考勤管理系统的设计与实现充分考虑了高校学生在线请假和学生上课出勤管理的需求,采用了基于B/S模式的三层体系架构,Java技术和Vue.js框架,满足了高校五大类用户的需求,实现了请假系统、考勤系统和系统管理...

    AICLASS:高校签到微信小程序

    基于微信小程序签到系统DEMO本签到系统通过扫描对应地点的二维码获取详细位置信息,并根据获取到的GPS定位信息辅助判断是否为虚假签到,最终完成上课签到。本系统采用C/S结构,由微信小程序客户端和腾讯云服务端组成...

    学生选课系统

    1. 前端开发:通常使用HTML、CSS和JavaScript构建用户界面,框架如React、Vue.js或Angular提高开发效率。 2. 后端开发:采用Java、Python或PHP等后端语言,配合Spring Boot、Django或Laravel等框架构建服务端逻辑。 ...

Global site tag (gtag.js) - Google Analytics