必威官网登录-betway必威官网|体育在线

热门关键词: 必威体育,betway必威官网,必威官网登录,必威app下载

人员的颜色开始变化,先把所有人得名字预先写

作者: 计算机网络  发布:2019-09-09

这个其实是对JS随机数的一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果。

javascript实现的一个随机点名功能,javascript实现点名

这个其实是对JS随机数的一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <title>JS写的随机点名 - 琼台博客</title>
 <script type="text/javascript">
 var isRun=true;
 var a = ["张三","李四","王五","赵六"]; 
 var a2 = new Array();
 function action(str){
  var s = document.getElementById("bt").value;
  if(s=="开始"){
   isRun=true;
   run();
   document.getElementById("bt").value="结束";
  }else{
   isRun=false;
   document.getElementById("bt").value="开始";
  }
 }
 function run(){
  var i = Math.floor(Math.random() * a.length+ 1)-1;
  document.getElementById("show").innerHTML=a[i];
  if(isRun==false){
   var b =true;
   for(var j in a2){
    if(a2[j]==i){
     b=false;
    }
   }
   if(b){
     a2[a2.length]=i;
    return;
   }
  }
  setTimeout("run()",10);
 }
</script>

</head>

<body>
 <div style="text-align:center; margin-top:100px;width:100%;">
  <div id="show" style="margin:auto;font-size:50px;width:100px;height:50px; background:#FFEEFF"></div>
  <div style="margin-top:20px;">
   <input id="bt" type="button" onclick="action()" value="开始"/>
  </div>
 </div>
</body>
</html>

需求如下:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <title>JS写的随机点名 - 琼台博客</title>
 <script type="text/javascript">
 var isRun=true;
 var a = ["张三","李四","王五","赵六"]; 
 var a2 = new Array();
 function action(str){
  var s = document.getElementById("bt").value;
  if(s=="开始"){
   isRun=true;
   run();
   document.getElementById("bt").value="结束";
  }else{
   isRun=false;
   document.getElementById("bt").value="开始";
  }
 }
 function run(){
  var i = Math.floor(Math.random() * a.length+ 1)-1;
  document.getElementById("show").innerHTML=a[i];
  if(isRun==false){
   var b =true;
   for(var j in a2){
    if(a2[j]==i){
     b=false;
    }
   }
   if(b){
     a2[a2.length]=i;
    return;
   }
  }
  setTimeout("run()",10);
 }
</script>

</head>

<body>
 <div style="text-align:center; margin-top:100px;width:100%;">
  <div id="show" style="margin:auto;font-size:50px;width:100px;height:50px; background:#FFEEFF"></div>
  <div style="margin-top:20px;">
   <input id="bt" type="button" onclick="action()" value="开始"/>
  </div>
 </div>
</body>
</html>

有谁会用javascript写一个随机点名系统?

谁有这闲心啊!  

1.在网页中显示,班级所有人员的名字。

您可能感兴趣的文章:

  • JS实现课堂随机点名和顺序点名
  • 使用javascript做的一个随机点名程序
  • JavaScript实现班级随机点名小应用需求的具体分析
  • js实现随机点名系统(实例讲解)

JavaScript中用数组与计时器实现随机点名

实现了你说的功能,aa就是姓名的数组
<SCRIPT LANGUAGE="JavaScript">
<!--
var aa=["赵","钱","孙","李"]
var i=0;
var t;
function startCall()
{
i++;
var name=document.getElementById("n");
if(i>=4)
{
i=i%4
}
t=setTimeout("startCall()",100);//这里第2个参数可以改变名字变换的时间,单位毫秒
name.value=aa[i]
betway必威官网,}
function stopCall()
{
clearTimeout(t);
var name=document.getElementById("n");
name.value=aa[i]
}
//-->
</SCRIPT>
<BODY>
姓名<INPUT TYPE="text" id="n" NAME="">
<INPUT TYPE="button" VALUE="开始" ONCLICK="startCall()">
<INPUT TYPE="button" VALUE="停止" ONCLICK="stopCall()">
</BODY>  

这个其实是对JS随机数的一个练习方式,先把所有人得名字预先写好在一个数组里,然...

2.点击开始按钮,人员的颜色开始变化,当停止的时候,会有一个颜色不同的位置,那么这个位置就是被点到的同学了。

大致的图形界面如下:

betway必威官网 1

下面是对上面的需求分析的具体分析如下:

1.初始化这样一个页面,并设置统一颜色-green。

本文由betway必威官网发布于计算机网络,转载请注明出处:人员的颜色开始变化,先把所有人得名字预先写

关键词: