js代码：点名系统

忘是亡心i 2023-02-25 07:08 9阅读 0赞

点名：  
1：定义一个大的div，一个span标签，一个button按钮，值是点名  
2：定一个css样式：![在这里插入图片描述][20200710181359850.png]  
3：script内部代码：先定义一个数组内部放名字。  
4：循环数组创建一个div标签，标签的内容放入数组内容，  
再把样式换成name的css样式，追加到box里面。  
这样完成了静态页面  
![在这里插入图片描述][20200710182251949.png]  
5：按钮点击时进入一个函数：  
1：如果按钮的值是点击时，定义一个定时器（再清空所有背景色。  
2： 之后再定义一个随机数，用字节点的数组形式把这个元素的背景色设置为红色。），100）；  
3：把按钮的值换为停止  
4：不是点击时，清楚定时器，值换位点名。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]  
6：调用时间函数，一个小的定时器放在span标签里而已。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]

[20200710181359850.png]: /images/20230209/1f657a092acb479db9d08b3f6221480f.png
[20200710182251949.png]: /images/20230209/1d82c42588304df9b48c8b3692b57dfa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]: /images/20230209/8582617896a648cebaaaba5a9fd1b5cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]: /images/20230209/60d554146254499198daf0409c222c6a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关随机点名系统

1.问题在课堂上，老师想要用Java来随机抽取一位同学的姓名来回答问题。点名要体现随机性和公平性。 2.方法 <table> <tbody> <tr>

骑猪看日落/ 2024年04月01日 10:03/ 0 赞/ 73 阅读

相关 js随机点名器（简单）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

今天药忘吃喽~/ 2023年06月23日 01:54/ 0 赞/ 34 阅读

相关 js随机点名器（简单）

附源代码; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

太过爱你忘了你带给我的痛/ 2023年06月22日 20:03/ 0 赞/ 364 阅读

相关 js代码：点名系统

点名： 1：定义一个大的div，一个span标签，一个button按钮，值是点名 2：定一个css样式：![在这里插入图片描述][20200710181359850.p

忘是亡心i/ 2023年02月25日 07:08/ 0 赞/ 10 阅读

相关 js 随机点名器

\\ js网页点击按钮开始随机点名\\ <!DOCTYPE html> <html lang="en"> <head> <met

灰太狼/ 2022年12月28日 11:15/ 0 赞/ 278 阅读

相关轻松看懂js点名器

css代码 <style type="text/css"> .showName { width: 400px; height

逃离我推掉我的手/ 2022年12月22日 15:26/ 0 赞/ 117 阅读

相关 JS实现点名功能

JS实现点名功能描述实现对数组操作主要是使用 JS修改/操作DOM树的能力描述利用JS实现点名功能，当在网页点下点击按

爱被打了一巴掌/ 2022年10月17日 00:56/ 0 赞/ 143 阅读

相关学生点名系统

package cn.edu.langsin.dianming; import java.util.Random; public class Dianmin

痛定思痛。/ 2022年07月15日 04:43/ 0 赞/ 195 阅读

相关原生JS实现随机点名项目

核心思想随机产生规定范围内的整数，然后再产生相同范围内的整数，两者相同时，则暂停。所用知识 Math.random() \ num: 产生从0到n

朱雀/ 2021年12月03日 10:43/ 0 赞/ 288 阅读

相关 Java随机点名系统 [数据库版]

从应用案例入手：通过连接数据库做一个随机点名系统；首先进行分析： 1、要展示数据库中的学生信息：姓名； 2、随机点名出某一个学生，并在对应该学生的count次数

骑猪看日落/ 2021年11月08日 21:28/ 0 赞/ 388 阅读