编程 Javascript

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>

- Author -

junjie

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用js实现的自定义的对话框的实现代码

Mar 21 Javascript

html中table数据排序的js代码

Aug 09 Javascript

js限制checkbox选中个数以限制六个为例

Jul 15 Javascript

鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解

Mar 12 Javascript

JS中判断null的方法分析

Nov 21 Javascript

JavaScript获取URL参数的方法之一

Mar 24 Javascript

JQuery 获取多个select标签option的text内容(实例)

Sep 07 jQuery

详解使用vuex进行菜单管理

Dec 21 Javascript

nuxt框架中路由鉴权之Koa和Session的用法

May 09 Javascript

JS实现的图片选择顺序切换和循环切换功能示例【测试可用】

Dec 28 Javascript

javascript如何实现create方法

Nov 04 Javascript

vue路由分文件拆分管理详解

Aug 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