RandamName随机点名

原创 2016年08月30日 09:11:12

确定班级人数名字,随机点名代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

//创建一个数组,存放需要点名的人。
var names = new Array("name1","name2","name3","name4","name5",
                    "name6","name7","name8","name9","name10",
                    "name11","name12","name13","name14","name15",
                    "name16","name17","name18","name19","name20",
                    "name21","name22","name23");

//定义一个全局变量times用来接受window.setTimeout方法
var times;

//首先先把所有的人的名字用button标签显示在页面上
function showName(){
var inHTML=" ";
var p = document.getElementById("p");
for(var i =0;i<names.length;i++){

//依次给每一个数组元素显示并且赋唯一id,以方便以后改变其状态
inHTML = inHTML+"<input type='button' id="+i+" value="+names[i]+">";
}

//把所有的元素显示在p之中
p.innerHTML=inHTML;
}

//定义一个开始方法,让元素随机赋上颜色,以确定是谁
function start(){

//定义x来产生一个随机数,确定是哪个id
var x = parseInt(Math.random()*names.length);
 

//给每一个元素都改变底色
for(var i=0;i<names.length;i++){
document.getElementById(i).style.backgroundColor="grey";

/如果产生的随机数和循环到的id相同,则把它的颜色改变

if(x==i){
document.getElementById(x).style.backgroundColor="red";
 }
}

//无限循环这个方法,让颜色一直变换(直接显示太简单)
times=window.setTimeout("start()",100);

//定义一个结束方法,最终的名字即为点到的名字
function end(){
window.clearTimeout(times);
}
</script>
</head>
<body>
<input type="button" value="显示名字" onclick="showName()" />
<input type="button" value="开始" onclick="start()" />
<input type="button" value="结束" onclick="end()" />
<p id = "p"></p>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

随机点名软件

  • 2013-11-07 14:38
  • 17KB
  • 下载

随机点名ppt课件

  • 2012-12-15 17:45
  • 60KB
  • 下载

JAVA基础 随机点名器案例

1.1      案例介绍 随机点名器,即在全班同学中随机的找出一名同学,打印这名同学的个人信息。 此案例在我们昨天课程学习中,已经介绍,现在我们要做的是对原有的案例进行升级,使用新的技术来实现。...

单文档随机点名程序

  • 2012-09-01 19:13
  • 1.89MB
  • 下载

随机点名系统(Delphi编写)

  • 2013-06-26 16:06
  • 1.88MB
  • 下载

叫你怎么用javascript制作制作随机点名系统!

//请自带需要的图片,可将代码中的图片数量的大小调整 //系统可自动点名,返回出对应的照片和文字   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...

课堂随机点名器

  • 2011-11-26 11:42
  • 17KB
  • 下载

C#随机点名程序

  • 2013-12-18 19:30
  • 37KB
  • 下载

用C语言编写一个随机点名系统

/*编写一个随机点名系统,运行该系统后,按空格键可以显示出一名同学,以前被选中的同学,将不会再次被选中*/ #include #include #include #include #includ...

随机点名程序.cs

先来一睹效果图:代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using Sys...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)