Javascript怎么制作一个如何制作自动抽奖系统统？

来源：蜘蛛抓取(WebSpider) 时间：2018-03-06 12:29 标签： 如何制作自动抽奖系统

版权所有 深圳市动力启航软件有限公司 粤ICP备号

公司地址：广东省深圳市宝安区西乡街道 联系电话：

用JavaScript实现一个简单的如何制作自动抽奖系统统有【开始】按钮和【停止】按钮。

- 点开始按钮开始抽奖随机出现奖品名称；
- 点停止按钮即可停止抽奖；
- 按下回车键可切换開始抽奖和停止抽奖。

创建html结构最基础的要含有显示的奖品名称和开始、停止按钮。 


  

  

    首先定义data数组，写入各奖品名称并初始化timer定时器，和键盘事件状态flag(一开始状态为0按下键盘变成1，再按键盘变成0如此切换).
  

  

    

  

  

    
 //每次都先清除上一次的定时器任务，避免抽奖效果累加频率會越来越快
 //定时器50毫秒触发一次
 //获取奖品下标随机数
 //显示随机的奖品名称
 //改变将开始按钮背景色


  

  

    
 //清除定时器即可结束抽奖
 //改变将停止按钮褙景色


  

  

    按回车键切换抽奖状态事件；
  

  

    
 //如果状态flag值为0则开始抽奖并把状态值改为1，否则停止抽奖并把状态值改为0


  

  

    
 //每次都先清除上一次的定時器任务避免抽奖效果累加频率会越来越快


  

  

    

  

  

    以上就是本文的全部内容，希望对大家的学习有所帮助也希望大家多多支持脚本之家。

  



                            

                                                    

                                

  

    请使用绑定的手机号（国内）编輯短信内容 发送至 进行短信验证发送完成后点击“我已发送”按钮
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 如何制作自动抽奖系统 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐