html如何实现随机点名器？本篇文章小编给大家分享一下html实现随机点名器代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

此点名器开始点名后需点击停止按钮完成点名，因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存，适合小范围点名使用，有大量需求可自己适当改进。

    
    css样式 */
        .wrapper {
            
            margin: 100px auto;
            border: 1px solid #ddd;
            text-align: center;
        }

        .box li {
            vertical-align: top;
            display: inline-block;
            
            
            border: 2px solid #ddd;
            border-radius: 15px;
            text-align: center;
            line-
            margin: 5px;
        }
        
        .wrapper button {
            border: none;
            
            
            border-radius: 10px;
            cursor: pointer;
            outline: none;
            margin-top: 20px;
            font-weight: bolder;
            color: #333;
            background-color: rgb(14, 146, 43);
        }

        .wrapper button {
            display: inline-block;
        }

        body {
            background-color: #eee;
        }
    




    

     
随机点名系统
      //实时显示系统时间标签
        

        

        开始
        停止
    

附效果图