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>

2、实现效果：

JavaScript---班级学号点名器

Javascript小练习——班级学号点名器相关推荐

[精品毕设]微信小程序班级打卡系统+后台管理系统|前后分离VUE
目录 1.项目功能介绍 2.项目资料截图 3.项目运行截图 4.项目资料获取 1.项目功能介绍 <微信小程序班级打卡系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发 ...
微信小程序班级考勤打卡系统丨可以android studio运行
<微信小程序班级打卡系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
Linux下之使用简单3种创建文件的命令，并实现一个Html和JavaScript小程序
1.今天来说一下在linux下如何实现一个JavaScript程序,这个很简单,如果大家想要在linux下搞web开发,服务器架设,大数据等方面,就得继续努力了! 2.首先,我们要实现一个JavaSc ...
11个不常被提及的JavaScript小技巧
这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略. 1.过滤唯一值 Set类型是在 ES6中新增的,它类似于数组,但 ...
【译】5 个你需要知道的 JavaScript 小技巧
JavaScript 是目前最流行的编程语言之一.就像其他任何编程语言一样,它也有很多小技巧,从今天开始你就可以使用它们大多数程序员都应该每天训练这些小技巧,直到熟能生巧. 在这篇文章中,我们将一起 ...
JavaScript小项目之BMI值计算
项目题目: 实现BMI值计算器项目作用: 复习JavaScript课程知识,学习DOM基础知识,熟悉document对象的使用,实现简单的BMI计算器页面. JavaScript小项目系列前言一 ...
javascript小技巧-500例
搜集的一些javascript小技巧!事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCap ...
常用的一些javascript小技巧(收藏http://www.car371.com/article.asp?id=13)
常用的一些javascript小技巧作者:隆轩日期:2005-12-21 字体大小: 小中大 //事件源对象 event.srcElement.tagName event.srcElement ...
一些学习中常被忽略的 JavaScript 小技巧
点击上方"IT平头哥联盟",选择"置顶或者星标" 一起进步- 作者:冷星 https://segmentfault.com/a/1190000018897633 ...

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

1、案例代码：

2、实现效果：

Javascript小练习——班级学号点名器相关推荐

最新文章

热门文章