利用JavaScript实现简单点名

系统管理员 2024-04-17 18:34 170阅读 0赞 
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.         <h1>点到的名字:<span></span></h1>
  9.         <button>开始点名</button>
  10.         <script type="text/javascript">
  11.             var arr = ['CXK',"WYF","LH","TF-B"]
  12.             var btn = document.querySelector("button")
  13.             var span = document.querySelector("span")
  14.             var clock;
  15.             btn.onclick = function(){
  16.                 if(btn.innerHTML=="开始点名"){
  17.                     clock = setInterval(function(){
  18.                         var randomNum = parseInt(Math.random()*arr.length);
  19.                         var name = arr[randomNum]
  20.                         span.innerHTML = name;
  21.                     },100)
  22.                     btn.innerHTML="结束点名"
  23.                 }else{
  24.                     clearInterval(clock)
  25.                     btn.innerHTML="开始点名"
  26.                 }
  27.             }
  30.         </script>
  31.     </body>
  32. </html>

实现代码如上

发表评论

表情：
评论列表 （有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Java实现随机点名器

    细节1：假设班级有5名同学，每轮中的每一位同学只能被点到一次，程序运行五次，第一轮点名结束。* 细节2：第6次运行的时候，我们自己不需要手动操作本地文件，要求...

    ╰半夏微凉°╰半夏微凉°/ 0 赞/ 216 阅读