雨课堂随机点名漏洞_JS实现课堂随机点名和顺序点名

更新时间:2021-07-15    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

1. 效果:

2. Html代码:

 

 代码如下

  

    

    

    


    

    随机点名区域

  

 

3. JavaScript代码:

 

 代码如下

<script type="text/javascript">

    vari = 0;

    //t用来接收setTimeOut()的返回值

    vart;

    varst = ['张三','李四','老王','旺财','铁柱','王八','来福','小明','小红','狗蛋','SB.Child'];

    varu;

    //点名函数

    functionstudents()

    {

      //顺序点名

    /*  if (i < st.length)

      {

        u = st[i];

      }

      else

      {

        //点到最后一个就回来重新点起

        i = 0;

        u = st[i];

      }

      i = i + 1;

*/

      //随机点名 产生0-数组长度之间的数作为数组下标

      varnum = Math.floor(Math.random()*st.length);

      u = st[num];

      //更改文本框显示的value值

      document.getElementById("div1").innerHTML = u ;

      t = setTimeout("students()", 1000);

    }

    //停止点名函数

    functionstop()

    {

      clearTimeout(t);

    }

    </script>

 

4. CSS代码:

 

 代码如下

 

本文来源:http://www.bbyears.com/wangyezhizuo/129926.html