jquery随机抽取/抽奖数字抽奖

来源:未知 人浏览 2017.05.02

本效果是从一个长度为50的数组里随机抽取N个(小于50)不重复的元素!

设定每随机50次之后再抽取一个元素,然后再随机50次之后再抽取一个元素,以此类推!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<title>首页</title>
</head>
<script type="text/javascript">
var isFirst = true;
var ex = /^\d+$/;
function start(){
	//被抽取的库
	var expert=new Array(1,2,93,4,58,6,7,8,9,710,11,152,13,143,15,16,"t17",18,19,20,21,22,23,24,25,226,27,28,29,30,3124,32,33,34,35,36,437,38,39,40,416,42,43,44,475,46,47,848,489,50);	
	var numb=expert.length;//数组长度	
	var need=5;//需要抽取的数量
	var myth = new Array();//抽取结果
	var timesRun = 0;//执行随机效果的次数
	//$(".expert").children("span").length;
	if($(".expert ul").children('span').length<need && isFirst == true){//不允许再抽第二次!
		isFirst = false;//只能执行一次,刷新页面则无效!
		var runs=setInterval(function (){
			timesRun+=1;
			$(".num").html(expert[parseInt(numb*Math.random())]);//获取expert数组随机元素
			var htmls=$(".num").html();
			//匹配是否为整
			if(ex.test(timesRun/50)){
				if($.inArray(htmls,myth)==-1){//即将要录入的数据与已存在的数据进行匹对,-1为不重复,3为重复
					myth.push(htmls);
					//console.log(myth);//每次增加元素打印一次
					i=timesRun/50-1;
					//console.log(i);
					$(".scren .cont ul").append("<span style='display:none'>"+myth[i]+"</span>");//输出html结果
					$(".scren .cont span").show(500);
					if(myth.length==need){
						clearInterval(runs);
						$(".num").html("<div class='over'>抽取完毕!</div>");
						//console.log(myth);
					}
				}
			}	
		},60);
	}else{
		alert("已抽取或者正在抽取!请勿重复点击!");	
	}
}
</script>
<body style="background:#fcfcfc;">
</body>
</html>

文件下载

星期三
15年12月16日
热门板块
windows 10下载设计软件下载PhotoShop CC文章分享Portraiture磨皮win10安装教程
热门下载
Lightroom 5.2官方中文版下载下载(

Lightroom 5.2官方中文版下载下载(

下载
PhotoShop CC下载官方正版可激活版本

PhotoShop CC下载官方正版可激活版本

下载