JS小案例-随机点名器

最新推荐文章于 2024-03-11 00:45:00 发布

远方有个小海

最新推荐文章于 2024-03-11 00:45:00 发布

阅读量422

点赞数 1

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_51068451/article/details/128174418

版权

该博客分享了一个JavaScript小案例，实现了一个随机点名器。案例通过定时器功能，达到随机选择名字的效果。博客提供了代码展示，包括HTML、CSS和JS部分，并提供源码下载链接，供读者学习和实践。

摘要由CSDN通过智能技术生成

案例介绍

案例主要通过使用定时器来实现随机点名。

效果展示

代码展示

HTML

 <div class="container">
      <h2>随机点名器</h2>
      <div class="username">开始点名</div>
      <button class="btn">开始</button>
</div>

CSS

     body {
        margin: 0;
        padding: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        text-align: center;
        background-color: aliceblue;
      }
      .username {
        width: 200px;
        height: 100px;
        border: 2px solid gray;
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
      }

最低0.47元/天解锁文章