使用javascript做一个简单的抽奖程序

最新推荐文章于 2024-07-31 13:55:09 发布

哈佛凌晨

最新推荐文章于 2024-07-31 13:55:09 发布

阅读量2.2k

点赞数

分类专栏： javascirpt 文章标签： javascript function xhtml button border html

本文链接：https://blog.csdn.net/dyushuo6230/article/details/7281402

版权

javascirpt 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

今天做的抽奖程序，我表示本人很菜，但是经过我的一番努力，这菜菜的程序终于出来了。下边跟大家分享下我的程序，以及程序思路。

思路:随机抽出数组a中的一个中奖人员，放到数组b中，并且将数组a中被抽出的踢掉！

由抽出的先后顺序选出获奖的等级（此功能目前还没完善，抱歉！时间有限以后补上）

<!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" />
<title>无标题文档</title>
</head>

<body>
<div id="timeDiv" style="width:165px; height:500px; background-color:#FF3; border:dashed; border-color:red">
请点击开始抽奖！
</div>
<input type="button" value="开始" id="btnStart"/>
<script language="JavaScript" type="text/javascript">
Array.prototype.baoremove = function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}

//var div1=document.getElementById("choujiang").innerHTML;
var btnStart=document.getElementById("btnStart");
var id;

btnStart.οnclick=function(){

       if(this.value=="开始"){
           this.value="停止";
           id=window.setInterval(tip,1000);
           }else{
                   this.value="开始";
               //document.write(newStudent);
               window.clearInterval(id);


               }

}

var student = new Array("悟空0","八戒1","白骨2精","戴玉朔3","皇兄4","伟哥5");
//定义获奖后的人员数组
var newStudent = new Array();
//定义获奖后的人员数组下表
var i=0;

function tip(){
   //如果student.length的长度不为零的话，证明元素还没被取完，然后在选获奖人员
   //如果长度为零证明student数组的元素已被全不取出，所以就要将clearInterval（对象）清掉
if(student.length!=0){
   //随机选出获奖的人因为student数组每次少个元素，所以应该这么写
       var m=Math.round(Math.random()*(student.length-1));


       //将抽到的人放到获奖人员数组
        newStudent[i] = student[m];
      // alert("aaaa"+newStudent.length+"=============="+student.length);
       document.getElementById("timeDiv").innerHTML=newStudent;
       //获奖人员数组的下标累加1
       i++;
       //调用删除数组元素函数，将抽到的从原先的数组中踢出
          student.baoremove(m);
       }else{

           window.clearInterval(id);
           }
}

</script>
</body>
</html>