Skip to content

GreatestHits/lottery

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

年会抽奖幸运星

一个简单优雅的网页版年会抽奖系统。

在线访问

访问地址:https://你的用户名.github.io/lottery

功能特点

  • 支持导入txt或csv格式的参与者名单
  • 可自定义多个奖项及每个奖项的中奖人数
  • 动态抽奖效果和音效
  • 实时显示中奖结果
  • 自动保存抽奖配置和名单
  • 响应式设计,适配各种屏幕尺寸

本地使用

  1. 直接在浏览器中打开 index.html 文件
  2. 或者使用任意 Web 服务器托管这些文件

部署到 GitHub Pages

  1. Fork 这个仓库到你的 GitHub 账号
  2. 进入仓库设置 (Settings)
  3. 找到 Pages 选项
  4. 在 Source 选项中选择 main 分支
  5. 保存后等待几分钟,你的网站就会在 https://你的用户名.github.io/lottery 上线

文件说明

  • index.html: 主页面文件
  • style.css: 样式文件
  • script.js: JavaScript 逻辑文件

使用说明

  1. 准备名单

    • 可以直接在文本框中输入名单,每行一个名字
    • 或者上传txt/csv文件(每行一个名字)
    • 名单会自动保存在浏览器中
  2. 设置奖项

    • 点击"+"按钮添加新的奖项
    • 填写奖项名称和中奖人数
    • 奖项设置也会自动保存
  3. 开始抽奖

    • 点击"开始抽奖"按钮开始
    • 点击"停止"按钮选出中奖者
    • 中奖结果会实时显示在右侧

注意事项

  • 建议使用现代浏览器(Chrome、Firefox、Edge等)
  • 数据保存在浏览器本地,清除浏览器数据会导致数据丢失
  • 请确保音频文件可以正常访问,否则可能没有音效

License

MIT License

About

年会抽奖幸运星

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.6%
  • CSS 27.1%
  • HTML 12.3%