随机抽奖分析

大屏抽奖前端

标签（空格分隔）： js html

---

最近要开发一个抽奖的程序, 在网上寻找了一下,大部分都要收费,开源的也都差强人意, 不如自己写一个好了。

借鉴了很多数据看板, 我决定, 背景采用暗黑科技感数据看板,由于我这边只是采用手机号抽奖, 所以主屏仅显示一串手机号即可, 大概是下图这个样子, 侧边用来显示中奖纪录, 只保留中间部分, 用来滚动数字。

1.业务分析 抽奖常见的形式

 1. 转盘
 2. 砸金蛋
 3. 抓阄
 4. 摇号
 5. 秒停
 6. 刮奖

我这边就采用摇号这种形式, 通过数字滚动动画,结束显示抽奖结果,其他的基本同理。
抽奖结果的计算不能放在前台, 防止一些居心否测的人作弊, 前端只负责展示滚动动画, 且无规则滚动, 根据后台返回的数组, 进行随机滚动展示

  let len = (arr.length - 1);
  let key = Math.floor(Math.random() * (len - 1 + 1) + 1);