JavaScript编写简单的抽奖程序

1.需求说明

成都创新互联于2013年成立,先为新华等服务建站,新华等地企业,进行企业商务咨询服务。为新华企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

某公司年终抽奖,需要有如下功能

1)可以根据实际情况设置到场人数的***值

2) 点击“开始”,大屏幕滚动,点击“停止”,获奖者的编号出现在大屏幕上

3)在界面里显示全部奖项获奖人编号

4)不重复获奖

5)不会因为输入错误而导致抽奖结果异常。

2.代码呈上

  
 
  1.    
  2.    
  3.    
  4. 某公司周年庆抽奖   
  5.    
  6.    
  7.     var timer;   
  8.     var flag = new Array(100);   
  9.     var existingnum = new Array(100);   
  10.     var clickTimes = 0;   
  11.     var randnum;   
  12.     var cellnum =1;   
  13.     var mobile;   
  14.     var num ;   
  15.     function check_input(){     
  16.         var input = document.getElementById("real_num").value;   
  17.         var re = /^[1-9]+[0-9]*]*$/;   
  18.         if (!re.test(input)){     
  19.             alert("请输入正整数");     
  20.             window.location.href=window.location.href;      
  21.             return false;     
  22.          }   
  23.    
  24.     }     
  25.    
  26.     //get the random numbers from the mobile array every 0.05s   
  27.     function setTimer(){   
  28.         timer = setInterval("getRandNum();",50);   
  29.         document.getElementById("start").disabled = true;   
  30.         document.getElementById("end").disabled = false;   
  31.     }   
  32.    
  33.     function getRandNum(){   
  34.         document.getElementById("result").value = mobile[GetRnd(0,num)];   
  35.     }   
  36.    
  37.     function GetRnd(min,max){    
  38.         randnum = parseInt(Math.random()*(max-min+1));   
  39.         return randnum;   
  40.     }   
  41.    
  42.     //------------------------------------------------   
  43.    
  44.     //turn the input's running down   
  45.     function clearTimer(){   
  46.         noDupNum();   
  47.         clearInterval(timer);   
  48.         document.getElementById("start").disabled = false;   
  49.         document.getElementById("end").disabled = true;   
  50.     }   
  51.     // Re defined array:change the length of the array and delete the checked one   
  52.     function noDupNum(){   
  53.         mobile.removeEleAt(randnum);   
  54.         var o = 0;   
  55.         for(p=0; p
  56.             if(typeof mobile[p]!="undefined"){   
  57.                 mobile[o] = mobile[p];   
  58.                 o++;   
  59.             }   
  60.         }   
  61.         num = mobile.length-1;   
  62.      }   
  63.    
  64.      function setValues(){   
  65.         document.getElementById(cellnum).value = document.getElementById("result").value ;   
  66.         cellnum++;   
  67.     }   
  68.    
  69.     function set_array(){   
  70.         var real_num = document.getElementById("real_num").value ;   
  71.         mobile= new Array(real_num);   
  72.         var o = 0;   
  73.         for(i=1; i<=real_num;i++){   
  74.             mobile[o] = i;   
  75.             o++;   
  76.         }   
  77.         num = mobile.length-1;   
  78.         document.getElementById("set_number").disabled = true;   
  79.     }   
  80.        
  81.        
  82.        
  83.        
  84.     Array.prototype.removeEleAt = function(dx){   
  85.         if(isNaN(dx)||dx>this.length){return false;}   
  86.             this.splice(dx,1);   
  87.         }   
  88.    
  89.    
  90.    
  91.     
       
  92.            
  93.             
       
  94.                 

    获奖小伙伴

       
  95.                 

       

  96.                        
  97.                 

       
  98.                 

       

  99.                        
  100.                        
  101.                 

       
  102.                 

    一等奖(1名)

       
  103.                    
  104.                        
  105.                            
  106.                        
  107.                    
  108.                 

    二等奖(2名)

       
  109.                    
  110.                        
  111.                            
  112.                            
  113.                        
  114.                    
  115.             
   
  •         
  •    
  •         

       
  •         

       
  •            
  •             

    系统设置

       
  •                
  •                        
  •                         活动人数   
  •                            
  •                            
  •                        
  •                        
  •                            
  •                        
  •                
  •             
       
  •                
  •             

       
  •         
  •    
  •     
       
  •    
  •    
  • 3.丑陋截图

    我很丑,但是我很温柔~

    新闻名称:JavaScript编写简单的抽奖程序
    转载来于:http://www.shufengxianlan.com/qtweb/news46/231146.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    自适应网站知识

    分类信息网站