介绍实现代码:
& lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
& lt;才能title>点名& lt;/title>
& lt;才能link https://www.yisu.com/zixun/href=" . ./callTheRoll/bootstrap-3.3.7-dist/css/bootstrap.min.css " type=" text/css " rel="样式表">
头
<时尚>
div {
浮:左;
}
按钮{
background - color:鹿皮鞋;
保证金:30 px;
高度:50 px;
宽度:150 px;
边界:rgb (245、165、165) 1 px固体;
字体大小:18 px;
}
.wai {
margin-left: 200 px;
宽度:1300 px;
}
. name {
高度:40像素;
宽度:100 px;
保证金:4 px;
填充:10 px;
字体大小:18 px;
background - color: mistyrose;
}>
<身体onload=" () ">
1){//创建div标签(html元素)
var div=document.createElement (" div ");
div.setAttribute(“类”、“名称”);
div.setAttribute (“id”、索引+ + + " ");
var文本=document.createTextNode (nameArr[我]);
div.appendChild(文本);//添加元素
. getelementbyid(“名字”).appendChild (div);//每排12人,所以每隔12日添加一个换行符
如果((i + 1) % 12==0) {
var br=document.createElement (br);
. getelementbyid(“名字”).appendChild (br);
}
k + +;//添加一个学生,k自增1,记录学生(不为空的座位)个数
其他}{
var div=document.createElement (" div ");
div.setAttribute(“类”、“名称”);//div.setAttribute (“id”、索引+ + + " ");//如果当前元素长度小于等于1时,则代表当前座位为空,所以不给当前div添加id属性,方便后续随机选人时,避开空座位
var文本=document.createTextNode (nameArr[我]);
div.appendChild(文本);//添加元素
. getelementbyid(“名字”).appendChild (div);
如果((i + 1) % 12==0) {
var br=document.createElement (br);
. getelementbyid(“名字”).appendChild (br);
}
}
}
}//定义一个id标志
var index2=1;
功能恢复(){//还原颜色
如果(index2 !=1) {
文档。.style getElementById (index2 + ")。cssText="背景:mistyrose”;
}//生成随机数,用K生成随机数,此时K代表不为空的作为个数
var num=Math.floor (math . random () * k);
文档。.style getElementById (num + ")。cssText=氨尘把丈?红”;
index2=num;//记录当前被选中的id,在下次执行该函数时,将颜色还原
}
var时间;//用于接收计时器,方便关计时器时操作
var n=1;//定义状态正在执行n=0,已经结束n=1
函数开始(){
如果(n==1) {//DOM setInterval()方法计时器
时间=setInterval(“恢复()",80);
n=0;
}
}
函数结束(){
如果(n==0) {
clearInterval(时间);
警报(“请”+文档。getElementById (index2 + " ")。innerHTML +”同学回答问题”);
n=1;
}
}>
本篇文章为大家展示了利用JavaScript编写一个随机点名功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
实现代码:
开始> 结束>
<脚本type=" text/javascript”>
var nameArr=[
“空”、“张家家”,“许雪雪”,“王橘橘”,“陈韵”,“马本本”、“张志志”,“唐豪豪”、“高洋洋”、“朱阳阳”,“王山山”,“空”,
“尹方方”、“王零零”,“李远远”,“吴杰”,“李玉玉”,“李雯雯”、“步一一”,“崔明明”,“肖金金”,“陈晴晴”,“赵飞飞”,“空”,
“李英英”、“李洋阳”,“刘俊郡”、“王泊”,“廉云云”,“王子俊”、“康三三”,“李浩浩”,“张艺艺”,“徐叶叶”,“李宏宏”,“雷康康”,
“张青青”、“王乐乐”,“空”,“杨童童”、“张君君”,“孙明”,“何龙龙”,“郑轩轩”、“任平平”,“孙超超”、“空”、“贺涛涛”,
“空”、“空”、“空”、“空”、“熊秀秀”,“薄嘉嘉”,“薛万万”,“尹飞”,“张杰”,“胡万万”、“空”、“马文文”
];
var指数=0;
var k=1;//记录不为空的座位//生成作为表
函数(){
(var=0;我
