HTML5抽奖动画
一个用于抽奖的简单HTML5 APP
luckydraw.html
入口页面.
操作与设置
控制
- Enter : 进行下一步
- ↑ : 增加这一轮抽奖可点开的卡片数量。
- ↓ : 减少这一轮抽奖可点开的卡片数量。
- C : 切换控制台面板的显示。
- P : 切换中奖列表的显示。
- M : 播放/暂停音乐。
设置
-
要求必须使用chrome浏览器最新稳定版 !
-
屏幕宽高
最合适的屏幕宽高为 is 1024 * 768,改变屏幕宽度会自动按比例适配。
在chrome控制台执行函数 setScale(0.5) 可以设置屏幕显示一半宽度。
在chrome控制台执行函数 setScale(0) 可还原屏幕为大小和位置。
添加这个功能的原因,是有些LED屏幕仅能显示后台计算机的左上角区域屏幕。
-
使用了 localstorage
在任何步骤都会保存数据,不怕浏览器刷新。
按C键打开控制面板,点“重置奖箱”按钮会重置抽奖数据为初始状态。
-
导入名称与工号
按C键打开控制面板,点选择文件可以导入一个文本文件来导入抽奖数据。
该抽奖数据应当仅包含工号和姓名,工号为第一列,姓名为第二列。
Excel文件中的数据可直接粘贴到该文本文件,需要确保该文本文件为utf-8格式。