javascript实现的一个随机点名功能
更新时间：2014年08月26日 11:52:19 投稿：junjie
这篇文章主要介绍了JS实现的一个随机点名功能,逻辑简单,用在班级或活动时是个不错的选择,需要的朋友可以参考下
这个其实是对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>
相关文章
这篇文章主要介绍了JavaScrip创建常量的相关知识点，帮助大家对JS更加深入的学习，参考下吧。2017-12-12
JS数组遍历中for,for in,for of,map,forEach各自的使用方法与优缺点
这篇文章主要介绍了JS数组遍历中for,for in,for of,map,forEach各自的使用方法与优缺点,需要的朋友可以参考下2022-01-01
下面小编就为大家带来一篇javascript运算符——位运算符全面介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了JS的框架Polymer中的dom-if和is属性使用说明,Polymer是Google开发的一款JavaScript框架,需要的朋友可以参考下2015-07-07
javascript DOM querySelectorAll() 使用方法
querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象，一般用来获取指定id火class下的所有节点2023-06-06
这篇文章主要介绍了JavaScript中的函数的两种定义方式和函数变量赋值,需要的朋友可以参考下2014-05-05
本文向大家简单介绍了javascript的事件处理机制，从事件源，事件操作到事件处理程序都做了简单介绍，并给出了部分示例，这里推荐给大家。2015-01-01
我感觉好像这个上传插件只在第一次点击的时候实例化并将参数传给后台，所以以后值都是不变的，应该怎么解决这个问题呢2012-12-12
javascript中hasOwnProperty() 方法使用指南
这篇文章主要详细介绍了javascript中hasOwnProperty() 方法使用指南，非常的全面，推荐给有需要的小伙伴参考下。2015-03-03
本文讲解Knockout让visible绑定到DOM元素上，使得该元素的hidden或visible取决于绑定的值,下面有代码参考2013-11-11
最新评论