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 οnkeyup="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;" οnclick="setTimer();setKeyBlank(1);" />
<input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000 #aaa; width: 4em; background: #fc0;" οnclick="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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值