javascript实现的一个随机点名功能


Posted in Javascript onAugust 26, 2014

这个其实是对JS随机数的一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>JS写的随机点名 - 琼台博客</title>
	<script type="text/javascript">
	var isRun=true;
	var a = ["张三","李四","王五","赵六"];	
	var a2 = new Array();
	function action(str){
		var s = document.getElementById("bt").value;
		if(s=="开始"){
			isRun=true;
			run();
			document.getElementById("bt").value="结束";
		}else{
			isRun=false;
			document.getElementById("bt").value="开始";
		}
	}
	function run(){
		var i = Math.floor(Math.random() * a.length+ 1)-1;
		document.getElementById("show").innerHTML=a[i];
		if(isRun==false){
			var b =true;
			for(var j in a2){
				if(a2[j]==i){
					b=false;
				}
			}
			if(b){
			 	a2[a2.length]=i;
				return;
			}
		}
		setTimeout("run()",10);
	}
</script>

</head>

<body>
	<div style="text-align:center; margin-top:100px;width:100%;">
		<div id="show" style="margin:auto;font-size:50px;width:100px;height:50px; background:#FFEEFF"></div>
		<div style="margin-top:20px;">
			<input id="bt" type="button" onclick="action()" value="开始"/>
		</div>
	</div>
</body>
</html>
Javascript 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
浅析微信扫码登录原理(小结)
Oct 29 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
JS按回车键实现登录的方法
Aug 25 #Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 #Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 #Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 #Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 #Javascript
js获取checkbox复选框选中的选项实例
Aug 24 #Javascript
jQuery异步加载数据并添加事件示例
Aug 24 #Javascript
You might like
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
php统计文章排行示例
2014/03/04 PHP
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
php实现两个数组相加的方法
2015/02/17 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
详解Vue项目中实现锚点定位
2019/04/24 Javascript
[06:23]2014DOTA2西雅图国际邀请赛 小组赛7月12日TOPPLAY
2014/07/12 DOTA
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
宿舍标语大全
2014/06/19 职场文书
教室布置标语
2014/06/26 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android