html抽奖名单实例,JQUERY实现可以进行多等奖项及多人抽奖结果的随机抽奖

脚本代码(For Alixixi.com)如下:

无标题文档

* { margin:0; padding:0}

body { font-size:12px;}

.result_xx dt,.result_xx dd { float:left; margin:10px;}

.xname { height:30px;margin:30px; font-size:20px; font-weight:bold; color:#c50000}

$(function(){

var auto;

var arry; //声明储存姓名的数组；

function funa(){

arry=["111","222","333","444","555","666","777","888","999","aaa","bbb","ccc","ddd","eee","fff"]; //定义一个数组，存放名字

var rand=Math.floor(Math.random()*arry.length); //随记取得数组的下标

$(".xname").text(arry[rand]);

auto=setTimeout(funa,100)

}

$(".beginclick").click(function(){

auto=setTimeout(funa,100)

return false;

})

var aleady; //存储已经选定的人名

$(".endclick").click(function(){

clearTimeout(auto);

var szname=$(".xname").text();

var jx=$(".jxsz")[0].options.selectedIndex; //获取选中的是哪一种奖项

var nowdd=$(".result_xx").eq(jx).find("dd");

var mm=nowdd.length;

if(mm==jx+1){

alert("此奖项人选已定！")

}else{

$(".result_xx").eq(jx).append("

"+szname+"");

arry.splice($.inArray(szname,arry),1); //删除已经选定的数组元素

}

return false;

})

})

抽取

一等奖(1名)

二等奖(2名)

三等奖(3名)

begin

end

一等奖得主：

二等奖得主：

三等奖得主：