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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
javascript通过class来获取元素实现代码
Feb 20 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 Javascript
javascrpt密码强度校验函数详解
Mar 18 Javascript
JavaScript常用工具函数大全
May 06 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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
初探PHP5
2006/10/09 PHP
推荐php模板技术[转]
2007/01/04 PHP
PHP Header用于页面跳转要注意的几个问题总结
2008/10/03 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
学JavaScript七大注意事项【必看】
2016/05/04 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
python中pygame模块用法实例
2014/10/09 Python
Python环境变量设置方法
2016/08/28 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
python用插值法绘制平滑曲线
2021/02/19 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
《凡卡》教学反思
2014/04/09 职场文书
体育口号大全
2014/06/18 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
2014年班组长工作总结
2014/11/20 职场文书
北京英语导游词
2015/02/12 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
高中军训感想
2015/08/07 职场文书
六年级语文教学反思
2016/03/03 职场文书
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers