Javascript小练习——班级学号点名器

China_WUCH

已于 2022-06-15 13:11:14 修改

阅读量1k

点赞数 1

文章标签： javascript html 前端

于 2022-06-15 11:48:54 首次发布

本文链接：https://blog.csdn.net/China_WUCH/article/details/125294168

版权

1、案例代码：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           #first{
               width: 200px;
               height: 200px;
               border: 1px solid red;
               background-color:darkgray;
               border-radius: 200px;
               margin: 0 auto;
               text-align: center;
               line-height: 200px;
           }
           button{
               display: block;
               margin: 0 auto;
           }
       </style>
   </head>
   <body>
       <div id="first">
           等待点名
       </div>
       <button οnclick="abc(this)">开始</button>
       <script>
           var _first=document.getElementById("first");
           var id;
           function abc(tag){

               if(tag.innerHTML=="开始"){
                   tag.innerHTML="结束";

                   id=setInterval(function(){
                       var a=parseInt(Math.random()*100);
                       _first.innerHTML=`web220419${a}`;
                   },100)
               }else{
                   tag.innerHTML="开始";
                   clearInterval(id);
               };

           }

       </script>
   </body>
</html>