岁未年关,公司一年一度的年会也在紧锣密鼓的准备着,抽奖环节是免不了的,以前的抽奖都是拿个纸箱,把大家的姓名放到纸箱里,由主持人或是领导抽奖。
今年可以不用带纸箱了,也不用写那么多名字了,直接用网页解决抽奖。
下面就是我做的抽奖小程序,先看看界面吧。

年会抽奖程序界面
点击开始,程序中的JavaScript实现姓名随机循环滚动,当点击停止的时候,程序会在所有的抽奖姓名中选出一位中奖者的姓名显示在屏幕上。从而实现抽奖。
JavaScript:
<script language="JavaScript">
var alldata = "夏细秀,刘晓婷,孙燕平,毕艳,何卫萍,张庆华,王静,陈爱红,代文丽,韦兴娜,吴晶,袁艳康,陈军霞,潘婷婷,潘婷婷,何立娟,田利珍,赵晶,郑静静,赵宁,郑静静,曹静静,魏玲玲,杜萌萌,孙舒,王艳,杨丽丽,赵紫文,周丽娜,李秀丽,任姗姗,秦晓燕,马晓燕" //抽奖的姓名,以,为分隔
var alldataarr = alldata.split(",")
var num = alldataarr.length-1
var timer
function change(){
document.getElementById("oknum").value = alldataarr[GetRnd(0,num)];
}
function start(){
clearInterval(timer);
timer = setInterval('change()',50); //50(毫秒)为变换间隔,越小变换的越快
}
function ok(){
clearInterval(timer);
}
function GetRnd(min,max){
return parseInt(Math.random()*(max-min+1));
}
</script>
程序很简单,公司人员名字大家自己改一下就可以用了。
演示地址:http://www.56mp.cn/UPLOAD/nianhuichoujiang/
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。