抽奖系统HTML网页源码

HTML 5 网页端午年会抽奖HTML源码,只需要导入名单列表即可,可内定中奖人员!也可随机抽选,感兴趣的可以下载!

抽奖系统HTML网页源码

GitHub 仓库:https://github.com/dengzemiao/DZMLuckyDraw/tree/shatin

使用方式

  • 下载项目后,通过浏览器打开 index.html 主入口,然后导入名单即可使用,也可以自定义奖项名称,内定中奖人员,不用担心误关窗口。

0、index.html: 主入口,lucky-draw.html 为抽奖页面。

1、误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等,所以误操作也没事,可以重新在同一个浏览器中打开,再次进入抽奖页,继续操作即可,流程保持不变。

2、想要清空数据,必须在主页 index.html 中点击清空所有数据,才会清理用户名单、中奖名单、奖项配置等所有配置,相当于重置,否则在同一浏览器中会一直保留。

3、支持 .xlsx、.xls、.csv 文件格式上传

4、支持自定义奖项模式、默认抽奖模式

5、已经中过奖的人不会重复中奖

6、在上面支持的文件格式中每个单元格是一个用户

7、每个单元格支持的用户格式,可以混合存在文件中:

(没有设置指定第几轮中奖的会完全随机抽,所以不需要内定的时候,不要用设置第几轮中奖的名单方式就行了)

名字

名字-部门(或职位, 或描述)

名字-第几轮中奖(只能数字,不设置随机)

名字-部门(或职位, 或描述)

名字-部门(或职位, 或描述)-第几轮中奖(只能数字,不设置随机)

注意:第几轮中奖(只能数字,不设置随机) 这一项在自定义奖项模式、默认抽奖模式中用法一样,作用不同。

默认抽奖模式:指的是第几轮中奖

自定义奖项模式:这个模式下就不会按轮来进行中奖,对应的是自定义奖项时填写的标签,如果一个自定义奖项的标签设置为1,然后选择这个奖项抽奖时,用户列表里面有按上面模式设置了1的用户则会中奖,这个标签是可选项,不设置就完全随机,如果设置就会去名单列表中找到匹配的用户。

例如:

张三

李四-1

王五-财务部

赵六-副总-2

一、本站上的部份代码及教程来源于互联网,仅供网友学习交流。如有侵权,无意侵害您的权益,请发送邮件至zhangshen#ahap.cn或点击右侧 联系我们,我们将尽快处理。
二、请勿将购买的资源教程转载或分享与他人!

给TA充电
共{{data.count}}人
人已充电
HTML

HTML-灵动岛

2024-10-26 22:29:57

WordPress美化

新年将至,给站点挂上大红灯笼

2021-1-10 13:30:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索