（22）-- 随机点名

最新推荐文章于 2023-01-17 14:53:29 发布
最新推荐文章于 2023-01-17 14:53:29 发布
阅读量420 收藏
点赞数
分类专栏： Web基础 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fredreck1919/article/details/79067630
版权

#用JS写的随机点名


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>随机点名</title>
	<style>
		.nam{
			width: 300px;
			height: 200px;
			border: 3px solid green;
			margin: 0 auto;
			margin-top: 100px;
			font-size: 50px;
			font-weight: 800;
			text-align: center;
			line-height: 200px;
		}
		.btn{
			width: 60px;
			height: 200px;
			margin:0 auto;
			margin-top: 20px;
		}
		.btn button{
			width: 50px;
		}
	</style>
</head>
<body>
	<div class="nam" id="Uname">姓名</div>
	<div class="btn">
		<button οnclick="demo()" id="bt">开始</button>
	</div>
	<script>
		var Uname1=document.getElementById('Uname');
		
		var btn=document.getElementById('bt');
		var clock=0;
		var st=true;
		var inde=null;
		var arr=['刘亚兵','韩兵','山水'];
		var ite=null;
		function start(){
			clock=setInterval(function(){
				
				var inde=rand(0,arr.length-1);

				// console.log(inde);
				Uname1.innerHTML=arr[inde];
				// 记录索引
				ite=inde;
				
			},1000)
		}
		function stop(){
			clearInterval(clock);
			arr.splice(ite,1);
			
		}
		function demo(){
			// 判断是否为真，反选
			if(st){
				start();
				btn.innerHTML="结束";
				st=false;
			}
			else{
				stop();
				btn.innerHTML="开始";
				
				
				st=true;

			}
		}


		function rand(m,n){
			return Math.floor(Math.random()*(n-m+1)+m);
		}
	</script>
</body>
</html>





兄弟连学python


Python学习交流、资源共享群：563626388 QQ


Fredreck1919
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js课堂案例 实现动态随机点名的效果
qq_59219560的博客
04-24 518
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随.
随机点名
Waterme_lon的博客
04-15 1784
点名册 随机点名 // 监视按钮的状态，如果当前button的值为点名这个if就为true就会往下执行在if的{}里执行 if(this.value===“点名”){ // 设置定时针，使用setInterval写了一个函数，1毫秒随机跳转一个名字 timeId=setInterval(function () { // 使用for...
实现随机点名
Meg_Fu的博客
01-13 816
点击开始按钮，显示区域里的内容开始滚动，点击结束按钮，内容滚动停止，随机显示—位成员的工号和姓名。显示区域显示基地所有成员的工号和姓名，控制区域由开始和结束两个按钮组成。//，执行'cholose',间隔100毫秒。'114514010郑十''114514011侯某''114514012答辩''11451401刘一''11451402陈二''11451403张三''11451404李四''11451405王五''11451406赵六''11451407赵六''11451408周八''11451409吴九'
随机点名。。
qq_72343101的博客
01-15 102
js
随机点名器（1）
weixin_43440734的博客
06-01 143
随机点名器，前端，废除美工
简易版随机点名
NIUMIN_boke的博客
12-02 366
简易版随机点名 <!doctype html> <html> <head> <meta charset="utf-8"> <title>随机点名</title> </head> <style> #box{background-color:#CCC;width:400px;font:600 24px/3...
随机点名-认识新同学JAVA GUI系统
最新发布
07-23
【随机点名-认识新同学JAVA GUI系统】是一个基于Java图形用户界面（GUI）开发的应用程序，主要用于教育环境中帮助教师或主持人进行随机选取学生参与活动或回答问题。这个系统不仅稳定，而且允许用户自定义界面，例如...
随机点名_点名_随机点名小程序_
09-29
在IT行业中，随机点名小程序是一种常见的应用，尤其在教育、会议和其他需要选取参与者的场合。这个程序的主要功能是根据用户导入的文档内容，从中随机选取一个人的名字进行点名。以下将详细介绍这一技术实现和相关...
随机点名器
10-21
在大学生平时的课堂学习中，很多时候老师都需要和学生进行互动提问，然而老师看着名单点名存在一定的主观性，不能够保证随机性，所以就需要一个随机点名器来对大家进行课堂表现的考察。
android随机点名器
02-15
android，随机点名
安卓随机点名系统
10-28
安卓随机点名系统
随机点名系统网页版--适用于手机和电脑.html
09-08
实现一个简单的点名系统（无需使用第三方插件），需求分析：两个按钮实现随机点名的开始和结束，增加倒计时功能（开始后，可手动点击停止，不然程序将在10秒后自动停止）。
java代码-随机点名系统
07-14
在这个特定的场景中，我们讨论的是一个基于Java实现的“随机点名系统”。这个系统的目标是帮助教师或者主持人在课堂或活动中公平地选择学生进行互动。 首先，让我们来理解一下“随机点名系统”的基本概念。在教育...
JavaScript-demo-随机点名-读取文件
baldyoung
03-09 192
小demo支持动态加载指定的数据文件，但是数据文件的内容需要格式如下： source code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #nameArea { width:400px; background:black; text-align: .
随机点名.
linglingpractice的博客
01-17 212
JS实现随机点名
泛型与集合框架--随机点名小程序
05-19
好的，让我们来一起编写一个随机点名的小程序，使用到泛型和集合框架。 首先，我们需要定义一个学生类，包含学生的姓名和学号： ```java public class Student { private String name; private String id; public Student(String name, String id) { this.name = name; this.id = id; } public String getName() { return name; } public String getId() { return id; } } ``` 接下来，我们可以使用一个泛型类来表示班级，其中包含了所有的学生对象： ```java import java.util.ArrayList; import java.util.List; import java.util.Random; public class Class<T extends Student> { private List<T> students; public Class() { students = new ArrayList<>(); } public void addStudent(T student) { students.add(student); } public T getRandomStudent() { Random random = new Random(); int index = random.nextInt(students.size()); return students.get(index); } } ``` 在这个泛型类中，我们使用了一个 ArrayList 来保存所有的学生对象，然后通过 getRandomStudent 方法随机返回一个学生对象。 最后，我们可以编写一个测试类来模拟随机点名的过程： ```java public class Test { public static void main(String[] args) { Class<Student> class1 = new Class<>(); class1.addStudent(new Student("张三", "001")); class1.addStudent(new Student("李四", "002")); class1.addStudent(new Student("王五", "003")); System.out.println("随机点名结果："); Student student = class1.getRandomStudent(); System.out.println(student.getName() + " " + student.getId()); } } ``` 在这个测试类中，我们创建了一个班级对象 class1，并添加了三个学生对象。然后通过调用 getRandomStudent 方法随机返回一个学生对象，并输出其姓名和学号。 这就是一个简单的随机点名小程序，使用了泛型和集合框架来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值