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实现的图片马赛克后显示并切换加文字功能
Apr 21 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
JS获取并操作iframe中元素的方法
Mar 21 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
Vuex的基本概念、项目搭建以及入坑点
Nov 04 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
Sep 21 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
综合图片计数器
2006/10/09 PHP
在PHP中使用模板的方法
2008/05/24 PHP
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
PHP mkdir()无写权限的问题解决方法
2014/06/19 PHP
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
JavaScript为对象原型prototype添加属性的两种方式
2010/08/01 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
浅谈mint-ui loadmore组件注意的问题
2017/11/08 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
浅析Python中yield关键词的作用与用法
2016/11/29 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
详解python中的线程
2018/02/10 Python
python实现两张图片的像素融合
2019/02/23 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
PyTorch中常用的激活函数的方法示例
2019/08/20 Python
Python telnet登陆功能实现代码
2020/04/16 Python
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
现代化办公人员工作的自我评价
2013/10/16 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2014年医院党建工作总结
2014/12/20 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
常住证明范本
2015/06/23 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技