JAVASCRIPT: 一个“简单”的抽奖例子

悟V-SpHeNIC

已于 2024-06-08 05:39:24 修改

阅读量178

点赞数

分类专栏：开发语言文章标签： javascript 开发语言 ecmascript

于 2008-03-23 03:08:04 首次发布

本文链接：https://blog.csdn.net/jasonhongcn/article/details/84453300

版权

开发语言专栏收录该内容

34 篇文章 0 订阅

订阅专栏

找了很多资料，弄了整天才整出差不多的功能出来。第一次使用这么多JS脚本，下面的代码要说技术也没什么技术，要说思想还是有的。写java写惯了，这OOA还是有体现出来的。这功能还是比较复杂的。我想对大家来说，抽取一部分有用的代码就行了。里面解释还是比较清晰的。

arrAtts[i]=i+1399999999;
}
//如果剩余参与者为0
if(arrAtts.length==0){
alert("已经没有参与者，抽奖将结束！");
//转到抽奖结果页面显示最后抽奖结果
}

//滚动速度
var rollSpeed=1000;
//中奖数量
var winnerCount=10;
//自动抽奖n值自动开始妙数,手动0
var isAutoStart =0;

//支持参与多个抽奖1,不支持0
var isMutil = 0;
//掩码从第三位开始覆盖3个字符F
var masking ='3,3,*';
//中奖结果
var prizewinners = new Array();

//定义定时器对应对象以供停止时去除滚动
var interval;
//定义数组原型方法，获取随机值,由于数组可能不同索引有相同的值，这里只是返回值
//所以不支持重复参与功能，可以提供滚动时使用
Array.prototype.random=function() {
var a=this;
var len=a.length;
var value;
  value = parseInt(Math.random()*len);
return a[value];
}
//the array include the indexes that has return by function random
Array.prototype.arrIWR=new Array();
//定义数组原型方法，获取随机索引
Array.prototype.rdmIdx=function() {
var a=this;
var arrExisted = a.arrIWR;
var len=a.length;
var value;
//获取无重复索引
do{
  value = parseInt(Math.random()*len);

}while(this.repeat(value));
//增加随机索引
arrExisted[arrExisted.length]=value;
return value;
}

Array.prototype.repeat=function() {
var array = this.arrIWR;
alert(array);
for (s = 0; s <array.length; s++) {
             thisEntry = array[s].toString();
              if (thisEntry == value) {
                  return true;
            }
        }
       return false;
}

//开始抽奖
function startRoll() {
//如果中奖数量大于参与者的数量，则开始抽奖
if(checkCount()){
  clearInterval(interval);
  interval=setInterval("rollNumbers()",rollSpeed);
  document.all.btnStart.disabled = "disabled";
  document.all.btnStop.disabled = "";
}else{
  showResult();
}
}
//停止滚动
function stopRoll() {
clearInterval(interval);
document.all.btnStart.disabled ="";
document.all.btnStop.disabled = "disabled";
}
//显示中奖结果
function showPrizewinners(){
//根据中奖数量获取中奖结果
//如果剩余参与者小于中奖者数量的话直接获取所有剩余参与者为中奖者
if( winnerCount>arrAtts.length){
  for(var i = 0; i<winnerCount;i++){
  var index = arrAtts.rdmIdx();
   //获取无重复的索引值，支持多投多奖
   prizewinners[i] = arrAtts[index];
  }
}
showResult();

//获取下一个奖项的信息
}
//initMarquee();

//自动 setInterval("lottery()",1000);

//检查剩余参与者
function checkCount(){
if( winnerCount<=arrAtts.length){
prizewinners = arrAtts;
  alert("剩余参与者全部中奖!");
  return false;
}
return true;

}
//查看中奖结果
function showResult(){
alert("中将结果:"+prizewinners.toString());
}
</script>
</head>
<body onLoad="init();">
<table align="center">
<tr><td colspan="2"><input type="text" name="txtRoll"/></td></tr>
<tr align="center"><td><input type="button" value="开始" name="btnStart"
οnclick="startRoll(); "/></td><td><input type="button" value="停止"   name="btnStop"
οnclick="stopRoll();showPrizewinners();" disabled="disabled"/></td></tr>
</table>