/luckydraw

A simple webapp for luckydraw

Primary LanguageJavaScriptMIT LicenseMIT

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格式。