HTML+JS抽奖系统V2.0.2 修正版

Tony哥
2015-01-30 / 0 评论 / 215 阅读 / 正在检测是否收录...

系统为纯html+JS完成的抽奖系统。

  1. 号码抽取等级、数量自由定义 可在系统上配置或修改ini.js
  2. 全屏幕显示1024X768像素,界面美观大方,适合于投影仪投射晚会晚宴豪华场所抽奖系统。
  3. 可自由选择键盘及鼠标双重操作方式。
  4. 只需要IE浏览器即可完成所有执行。
  5. 未到场人员可以双击数字单独重新抽取。
  6. 自由配置一次抽一组或者抽一个。
  7. 自由定义过滤没有发到的号码段。
  8. 屏蔽键盘上无用键以免人员误操作。
  9. 抽奖完成后可以选择保存结果以便日后统计分析。

说明:为了达到全屏效果建议使用浏览器 IE ,经过测试火狐及其它浏览器可能有全屏显示方面问题,要想用您按F11也凑合能用。注意:非IE浏览器配置可以生效但没有保存配置文件ini.js的功能,所以还是建议用IE。 

环境要求: 

  • 系统:任意
    * 环境:IE浏览器6以上(推荐)、火狐、谷歌浏览器及其它IE内核浏览器均能有效使用。
  • 分辨率:默认(1024 X 768),样式可自定义

本版本特点:

优化了原来版本的程序,把手工改代码变为系统设置功能,打开以后您能够看到奖项配置界面,可以选择临时生效或者自动保存配置文件,效果如下(EXCEL里面的名单可以直接贴到列表框内):

 title=

 您的配置选择“确认生效”,本程序关闭之前所有设置临时有效;选择“保存配置”(这个操作在IE内核程序中有效)程序将自动整理您的配置并生成配置文件“ini.js”,您需要将它保存到“启动.htm”相同的目录中。

注意:抽奖程序一旦启动将不再有权限对配置做任何修改!

筛选文本框内可以使用 20-80 类似的表示范围的号码段,例子:1,7,10-12,13 整理后得到1,7,10,11,12,13

配置文件ini.js范本

/*
  #=============================================================#
  # 程序开发:TONY      E-mail:admin@archn.cn     QQ:1004023852  #
  # 本应用开发服务属于免费使用,非本人同意不得用于任何商业用途!#
  # 参考站点:http://www.archn.cn                              #
  #=============================================================#*/
    var m      = [1,120];  //按号码范围抽 m_name必须为[]; 
var m_name = [];     //按姓名抽 例子["王超旭","大乔","小乔","张辽","孙权","关羽","曹操","诸葛亮","周瑜","司马懿","杨志","鲁智深","孙尚香"];//人员名单 本数组有值“号码范围”自动失效
    /**
 奖项配置及样式关系设置
   name:  本组奖项名称
   num:   本组要抽出的数量
   clas:对应的样式 ini.css 内(默认 class="ipt")clas 可以是className也可以直接写style
 */
 window.ini =[
   {name:"三等奖",num:5,clas:"ipt5"},
   {name:"二等奖",num:2,clas:"ipt2"},
   {name:"一等奖",num:1,clas:"ipt1"},
   {name:"特别奖",num:1,clas:"ipt1"}
];
 /** 辅助参数设置 */
 window.rep = 0; //是否允许号码重复出现
 window.obo = 0; //一次抽一(组0/个1)
 window.arr = [0,1,2,3,4]; //排除号码或姓名序号 例子 [0,1,2,3,4]
 window.v_s=70;   //滚动响应时间,单位毫秒,数字越大滚动越慢
 window.h_s=800;  //本参数window.obo=1有效,控制结果卡片显示时间,显示期间键盘按钮被锁定

以上配置为默认参考使用,如果您非手动修改代码可以不用关心


历史版本V1.X概况:
V1.0 增加了键鼠屏蔽参数
-----------------------------------------------
V1.1
2010-12-28  增加了 是否可以重复抽取配置选项
-----------------------------------------------
V1.2
2011-01-05  增加了 每组是否逐个抽取配置选项
2011-01-05  对逐个抽取的号码显示做了美化
-----------------------------------------------
V1.2.1
2011-01-08  修复了window.obo = 1;时出现重复数字的错误,V1.1之前版本无此错误 ~感谢石路街道的领导提醒:)
2011-01-08  增加了可选滚动姓名的功能 配置 m_name=[]; 即可
2011-01-08  增加双击数字单独重抽时的提示选项“此号码在以后的环节是否还有机会抽到!”
2011-01-08  修改了结果显示部分的错位样式
2011-01-08  修复了组抽号码重复错误问题
-----------------------------------------------
V1.2.2
2011-01-14  兼容了火狐浏览器,但本人建议仍然用IE,要用火狐只有按F11手动全屏了
2011-01-14  部分键 F5、退格、Ctrl+R、Ctrl+N、Shift+F10、Alt+F4 被屏蔽,避免一些意外发生
2011-01-14  优化了一些繁琐的结构,效率有所提升!
2011-01-16  去掉了配置参数 r、r_name,奖项配置变为window.ini,使配合样式表更加灵活
-----------------------------------------------
V1.2.2
2011-02-10  在配置文件增加了速度控制变量,以便于在不同机器环境中做速度微调
-----------------------------------------------
V1.2.3
2011-08-10  政府部门使用未对外发布特别定制增强版本

-----------------------------------------------
V2.0.X
2011-12-09  bug处理:列表获取处理错误,已修正!

V2.0.X
2011-12-31  bug处理:window.obo = 1;解决了不该有的错误提示!

计划中新版本:

  1. 各个版本浏览器做最好的兼容性调整
  2. 在给政府定制开发使用中,牵扯到十万以上数据筛选抽奖,按现有的程序几千人的场合且PC配置不错的话可以满足需要,于是做了一些分组改动虽然已经在使用了,但均等概率算法方面效果也不太理想,正在思考是否可以解决的方法。
  3. 加入处理电话号码的程序,加*表示部分号码
0

评论 (0)

取消