简单的html网页抽奖,利用js特性来抽取名单。
<html>
<head>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<title>0.0</title>
<script>
//声明一个数据装住待抽奖的名单
var name=new Array("谢明雪","李永岩","何群杰","覃娇","杨启宇","叶凯","黄初欢","陈倍","李春华","刘承发");
var numb=1;//抽到的先后顺序
//一个开始的方法
function start(){
//产生一个随机数,最大不超过数组长度
var num=parseInt(Math.random()*name.length);
//在div2显示抽中的名单
div2.innerHTML+=numb+name[num];
//把已抽到的名单从数组中移除
name.splice(num,1);
numb++;
//判断如果已经抽完,禁用抽奖控件
if(name.length==0){
play.disabled="false";
}
}
</script>
</head>
<body>
<button οnclick="start()" id="play">start</button>
<div style="width:350px;height:350px;border:3px solid black;">
<h4>参加抽奖名单:</h4>
<lable> 谢明雪、李永岩、何群杰、覃娇、杨启宇、叶凯、黄初欢、陈倍、李春华、刘承发</lable>
<h4>得奖排名:</h4>
<div id="div2" style="width:344px;height:180px;border:3px solid black"></div>
</div>
</body>
</html>