JavaScript案例:随机点名

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

原创最新推荐文章于 2024-03-11 00:45:00 发布 · 637 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何使用JavaScript创建一个随机点名器，通过编程实现从名单中随机选取学生进行点名，增加了教学互动的趣味性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Document

随机点名器

开始

<script>

	//声明 所有的人名 组成的数组
	var nameList = ['苏媛','陈露','王艳','王菲菲','陶正祥','彭文磊','袁杰','林凡浩','冯思玲','蔡严丽','顾思语','朱才华','陈乔','郭东文','余海涛','程鹏睿','许辰辰','马飞雄','方炜','姜熠杰','林程彪','钱宇阳','张春霞','张艳','胡振东','李文赛','金晓鹏','王强','许梦约','潘雨霞','林敏敏','陈姗姗','钟普伟','夏舟浩','夏洋涛','蒋豪','崔炜林','施可慧','张亿雯','沈铭晗','钱振宇','范子栋','王振','姚逍遥','闫壮壮','马伟东','毛丽华','唐锦辉','张霖淇','王涛','陈阳阳','陈凡','黄禄波','闫华杰','田伟凯','蒋超','朱希强','余德炳','付智御','刘晓','金陆坤','陈瀚祥','伍必成','李景旭','陈士采','陈日平','王慧萍','赵学江','张海涛','姚广磊','宋洁','陈方盛','黄国威','陈垟垟','郑姚敏','张甜'];

	//声明时间的变量
	var timer = null;

	//开始 随机的函数
	function gotoRand(){
		//获取button 元素
		var button = document.getElementById('btn');

		//判断 是开始还是结束
		if (timer === null) {
			//开启定时
			timer = setInterval(getName, 100);
			//把button的内容改掉
			button.innerHTML = "暂 停";
		} else {
			//清除定时
			clearInterval(timer);
			//修改button的内容
			button.innerHTML = "开 始";
			//把timer赋值为null
			timer = null;
		}

		
	}


	//随机获取姓名函数
	function getName(){

		//取随机数
		var index = Math.floor(Math.random() * 10000000 % nameList.length);
		//取出姓名放入 div中
		document.getElementById('content').innerHTML = nameList[index];
	}


</script>