运用JS 实现随机点名（随机点名）-白红宇的个人博客

运用JS 实现随机点名（随机点名）

发布日期：2021-05-08 13:32:35 浏览次数：24 分类：精选文章

本文共 333 字，大约阅读时间需要 1 分钟。

在这个代码片段中，开发者通过设置一个button控件，并为其赋予了onclick事件处理函数。该函数的主要功能是实现循环随机显示学生姓名的效果。具体来说，当用户点击button控件时，脚本会检查当前的计数器状态：

如果计数器值为0，表示这是第一次点击按钮，此时会启动一个定时器（setInterval），定时器内部会随机选择一个学生姓名并将其显示在box容器中。随后计数器会被重置为1。

如果计数器值不为0，表示已经是第二次或之后的点击，此时会取消之前的定时器并将计数器重置为0，以便下次点击按钮时重新启动新的定时器。

这种设计方式可以确保每次点击button控件时都会显示一个新的随机学生姓名，并且每个姓名都会在一定时间后被替换为新的姓名，形成一个轮流显示的效果。

上一篇：js 实现破产版聊天对话框

下一篇：JS四位随机验证码

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

Vue 数组和对象更新，但视图未更新，背后的故事 2019-03-06

剑指Offer面试题：9.二进制中1的个数 2019-03-06

《你是在做牛做马还是在做主管》- 读书笔记 2019-03-06

重新温习软件设计之路（4） 2019-03-06

MySQL数据库与python交互 2019-03-06

python如何对字符串进行html转义与反转义？ 2019-03-06

golang基础--类型与变量 2019-03-06

.NetCore外国一些高质量博客分享 2019-03-06

解决WebRTC中不同的浏览器之间适配的问题 2019-03-06

深入理解JavaScript函数 2019-03-06

【spring源码系列】之【xml解析】 2019-03-06

（数据科学学习手札27）sklearn数据集分割方法汇总 2019-03-06

[整理] 哪些集合类是线程安全的？(Java) 2019-03-06

8 个警示和学习的 5 个阶段 2019-03-06

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 459582262 位访客