javascript点名,随机点名代码js

javascript 随机点名 点过的不能再点

script defer="defer"

为四子王等地区用户提供了全套网页设计制作服务，及四子王网站建设行业解决方案。主营业务为成都网站设计、做网站、四子王网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

var arr=new Array("张三","李四","王二","陈一","哈哈");

var n;

var num;

var timer;

function change(){

if(num=0){

n=GetRnd(0,num);

alert(arr[n]);

arr.splice(n,1);

num = arr.length-1;

}else{

alert("点完了");

clearInterval(timer);

}

}

function start(){

num = arr.length-1;

clearInterval(timer);

timer = setInterval('change()',40);

}

function GetRnd(min,max){

return parseInt(Math.random()*(max-min+1));

}

/script

input type="submit" name="button" id="button" value="开始点名" onclick="start()" /

Javascript点名系统怎么做

!doctype

style

table{

margin-top:100px;

text-align:center;

}

td{

border:3px solid #ccccff;

}

.desk{

width:60px;

height:30px;

}

.on{

border: 3px solid rgb(51, 204, 204);

background-color: rgb(173, 216, 230);

}

.selected{

border: 3px solid red;

}

/style

div id='main'+/div

a href='javascript:start()'开始/a

a href='javascript:stop()'停止/a

p id="selectedStudent"已选中学生：/p

script src="jquery.js"/script

script type="text/javascript"

//为array复写两个方法

Array.prototype.indexOf = function (val) {  

for (var i = 0; i  this.length; i++) {  

if (this[i] == val) {  

return i;  

}  

}  

return -1;  

};  

Array.prototype.removevalue = function (val) {  

var index = this.indexOf(val);  

if (index  -1) {  

this.splice(index, 1);  

}  

};

var data='';             //表格

var num=5;                                //每行显示数

var arr=[1,2,3,4,5,6,7,8,9,10,11,12];   //数组 //已选中数组

var line=Math.ceil(arr.length/num);       //行数

var nowSelected = 0;     //nowSelected不是学生编号，是学生在数组里的位置,arr[nowSelected]为学生编号

data+="table align='center' id='all' ";

for(i=0;iarr.length/num;i++)

{

data+='tr';

for(j=i*num;ji*num+num;j++)

{

if(jarr.length){

data+="td class='desk' id='"+arr[j]+"'"+arr[j]+"/td";

}

}

data+='/tr';

}

data+='/table';

document.getElementById('main').innerHTML=data;

var interval = -1;

var index;

function start(){

if(interval == -1){

interval=setInterval(go,500);

}

}

function go(){

var remainNum = arr.length;

nowSelected = GetRandomNum(0,remainNum-1);

$("#all").find("td").removeClass("on");

$("#"+arr[nowSelected]).addClass("on");

}

function stop(){

clearInterval(interval);

interval = -1;

$("#"+arr[nowSelected]).removeClass("on").addClass("selected");

if(arr[nowSelected] != undefined){

$("#selectedStudent").append(arr[nowSelected]+",");

}

arr.splice(nowSelected, 1);

}

function GetRandomNum(Min,Max)

{   

var Range = Max - Min;   

var Rand = Math.random();   

return(Min + Math.round(Rand * Range));   

}   

/script

已好，为了方便用了jquery，你需要下载个放到同目录下，这个相信你应该会，这个应该可以满足你的需求，写的挺简单的，纯手工，望采纳

如何运用javascript编辑点名表

HTML

BODY

FORM ACTION="" METHOD="POST"

input type="checkbox" name="学生1" /

input type="checkbox" name="学生2" /

input type="submit" /

/FORM

/BODY

/HTML

编辑一个表单，复选上面是学生的姓名，来一个打勾一个，当按下确认键后通过javasript读取表单信息，你可以选择通过javasript中的localstorage存储在本地，也可以利用ajax技术发送到服务器存储。不是特别重要的就直接存储在本地就好了。服务器端那边还要考虑安全性

这边有一篇光宇localStorage的文章：