大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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()" /
!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,你需要下载个放到同目录下,这个相信你应该会,这个应该可以满足你的需求,写的挺简单的,纯手工,望采纳
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的文章: