随机工具 · 抽奖 / 摇号

转盘抽奖

配置选项/概率权重/动画

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 65 次使用
配置选项与权重 · 点击转盘开始 · 公平加权随机
选项配置options & weight
· 权重越大该项占的扇区角度越大、中奖概率越高(右侧实时显示各项概率%)。
· 至少保留 2 个有效选项;权重留空或 0 记为 1。
· 全部本地计算,使用 crypto 加密级随机,公平不可预测。
大转盘spin the wheel
RESULT
点击 GO 开始
抽奖历史history · 0
尚无记录 · 转一次试试
就绪 · 配置选项后点击转盘开始抽奖
第一节

关于本工具

About

策划一场年会抽奖,最怕现场转盘转出来的奖品和设置的概率是两套逻辑。这个转盘让每个奖项的权重精确到 0.1%,转盘扇区大小随概率实时重绘,动画结束后显示具体的中奖结果。所有配置和动画渲染都在浏览器本地完成,不经过任何服务器,抽奖过程的数据不会离开本机。

使用场景

社团招新抽奖品

大学社团百团大战,摊位前围了三十多人。奖品有手办、零食包和钥匙扣,数量分别是 2、5、15,但手写抽奖券容易重复中奖。现场拿手机打开本工具,把三种奖品权重设为 1:2:6,转盘转完自动记录中奖名单,避免有人排两次队领走唯一的手办。

年会奖品分配

部门年会预算 5000 元,要分给 20 人。一等奖 2000 元(1 份)、二等奖 500 元(2 份)、三等奖 100 元(10 份)、阳光普照 50 元(7 份)。手工抽签容易漏号,且有人质疑暗箱操作。把奖品金额换算成权重(40:10:2:1),用工具公开转盘,投屏到会议室大屏,结果实时显示,没人再吵。

线上直播抽观众

直播间 3000 人,要抽 3 人送签名照。弹幕刷屏太快,主播用截图工具截到的总是那几个铁粉,新观众觉得有内幕。把直播间 ID 作为随机种子输入本工具,设置 3 个奖项权重相同,转盘停止后截图发粉丝群,种子可验证,抽选过程完全透明。

课堂随机点名答题

初中物理课,老师想抽查 5 人上台推导公式。直接点名会被说偏心,按学号又太死板。把全班 45 人学号导入工具,设置每人权重相同,转盘每转一次抽一人,抽中后自动从列表移除,直到抽满 5 人。学生觉得公平,老师也不用记谁被抽过。

家庭聚会选电影

周末一家六口想看电影,有人想看喜剧,有人想看科幻,有人想看动画。投票容易平局,石头剪刀布又太随意。每人把想看的片名写一张纸条,放进碗里,用本工具随机抽一部。权重全设为 1,抽中后全家一起看,没人抱怨选片不公。

抽签决定谁洗碗

合租三人,每周日晚上要决定下周谁洗碗。轮流排班有人总忘,石头剪刀布有人耍赖。把三人名字放进工具,设置权重相同,每周日转一次,结果截图发群。连续三周没抽到的人,第四周权重自动翻倍,保证长期公平。

第二节

使用指南

Getting Started

使用步骤

  1. 1在「奖项名称」输入框填写每个奖项的标签(如“一等奖”“谢谢参与”),右侧实时预览区同步显示对应扇区颜色与文字
  2. 2在「权重」列输入每个奖项的中奖概率数值(如 1、5、10),系统自动按比例计算并显示百分比,权重总和无需等于 100
  3. 3在「抽奖次数」输入框设置单次或多次抽取(如 1 次),点击「开始抽奖」按钮后转盘旋转并逐渐减速,最终指针指向中奖扇区
  4. 4抽奖结束后,页面顶部「抽奖记录」表格自动新增一行,显示本次中奖奖项名称与时间戳,支持清空或导出记录

输入输出示例

输入输出说明
选项A: 30%, 选项B: 30%, 选项C: 40%抽奖结果:选项C(概率40%)典型场景:3个选项,概率总和100%
一等奖: 10%, 二等奖: 20%, 三等奖: 70%抽奖结果:三等奖(概率70%)典型场景:带名称的选项,高概率项
选项A: 0%, 选项B: 100%抽奖结果:选项B(概率100%)边界case:单选项概率100%,必中
选项A: 50%, 选项B: 50%, 选项C: 0%抽奖结果:选项A(概率50%)边界case:含0%概率项,不会抽到
选项A: 33.3%, 选项B: 33.3%, 选项C: 33.4%抽奖结果:选项C(概率33.4%)边界case:小数概率,总和精确100%
选项A: 10%, 选项B: 20%错误:概率总和为30%,未达到100%易错case:用户忘记填满100%概率
选项A: 100%, 选项B: 100%错误:概率总和为200%,超过100%易错case:用户重复填写100%

常见错误对照

1.概率权重总和不为 100% 或 1,导致预期偏差

✗ 错误设置三个奖项权重为 30、30、30,期望各 33.3%
✓ 修复设置权重为 30、30、40,或确保总和为 100

多数抽奖工具按权重比例归一化,权重总和不必为 100,但若用户误以为权重即百分比,会高估或低估中奖概率。

2.奖项名含空格或特殊字符,导致显示截断

✗ 错误奖项名写为「一等奖(限量)」,或尾部带空格
✓ 修复奖项名写为「一等奖」或「一等奖-限量」

部分前端渲染时对空格、括号、emoji 处理不一致,可能导致奖项在转盘扇形上显示不全或换行错位。

3.颜色代码未加 # 前缀,扇形渲染为黑色

✗ 错误背景色填 ff0000
✓ 修复#ff0000

CSS 颜色值必须带 # 前缀,否则浏览器解析为无效颜色,回退为黑色,导致转盘视觉混乱。

4.动画时长设置过短,用户看不清结果

✗ 错误动画时长设为 0.5 秒
✓ 修复动画时长设为 3-5 秒

转盘抽奖的体验核心是悬念感,过短动画让用户来不及反应指针位置,降低仪式感和可信度。

5.未区分「每次抽奖独立」与「不放回抽奖」

✗ 错误期望同一奖项不被重复抽中,但未勾选「不放回」
✓ 修复勾选「不放回」或手动移除已中奖项

默认每次抽奖独立(放回),同一奖项可多次中。若不勾选不放回,用户会误以为系统作弊。

6.配置后未点击「保存」直接预览,配置丢失

✗ 错误修改完权重和奖项后直接点「开始抽奖」
✓ 修复先点「保存配置」再点「开始抽奖」

部分工具将配置与抽奖状态分离,未保存的修改仅在编辑区生效,抽奖仍使用旧配置。

7.奖项数量超过转盘扇形视觉上限

✗ 错误设置 12 个奖项
✓ 修复设置 4-8 个奖项

转盘扇形区域有限,奖项过多导致文字重叠、字号过小,用户无法辨认每个奖项内容。

第三节

工作原理

How It Works

核心公式

P(i) = w_i / Σw_j

变量说明

  • P(i)第 i 个奖项被抽中的概率
  • w_i第 i 个奖项的权重值(正整数)
  • Σw_j所有奖项权重之和

示例

三个奖项:一等奖权重 1,二等奖权重 3,三等奖权重 6。总权重 = 1+3+6 = 10。一等奖概率 = 1/10 = 10%,二等奖概率 = 3/10 = 30%,三等奖概率 = 6/10 = 60%。每次抽奖按此概率分布随机选中一个奖项。

配置选项扇区/奖品/颜色概率权重按比例分配动画引擎CSS/Canvas 旋转结果弹窗点击触发用户交互全部在浏览器内完成
用户输入 / 结果 本地处理 动画引擎 无服务器依赖
第五节

常见问题

Q & A
这个转盘抽奖怎么配置奖项和概率?

在页面「奖项设置」区域,可以添加/删除奖项,每个奖项可自定义名称(如「一等奖」「谢谢参与」)和对应的权重数值。权重数字越大,该奖项被抽中的概率越高。例如:一等奖权重1,二等奖权重2,三等奖权重3,则总权重为6,一等奖中奖概率为1/6。所有奖项的权重之和决定了每次抽奖的精确概率分布,无需手动计算百分比。

为什么我设置了10%的概率,但抽了10次一次都没中?

10%的概率意味着单次抽中的概率是1/10,但这不代表抽10次就必定中1次。每次抽奖都是独立事件,前一次结果不影响后一次,连续10次未中的概率约为 (0.9)^10 ≈ 34.9%。要接近理论概率,通常需要几百次以上的大样本。如果希望在小样本下更「公平」(比如100次内强制达到设定比例),本工具暂不提供「保底」机制,它是纯粹的概率模拟。

转盘动画可以调快慢吗?能不能跳过动画直接出结果?

在「动画设置」区域,可以调整转盘旋转的持续时间(如1秒到5秒)和旋转圈数(如3圈到10圈)。如果不需要动画,可以将持续时间设为0秒,点击抽奖后结果会立刻显示,不经过转盘旋转过程。注意:动画仅影响视觉效果,实际中奖结果在点击瞬间已经按概率确定,动画只是展示过程。

这个转盘抽奖是纯前端实现的吗?数据会不会传到服务器?

是的,整个抽奖逻辑完全在浏览器中通过JavaScript执行,不涉及任何后端服务器。奖项配置、概率计算、随机数生成全部在本地完成,没有任何数据通过互联网发送。可以断网后刷新页面再使用,工具依然正常工作。如果担心随机数质量,浏览器内置的 crypto.getRandomValues() 是密码学级安全随机数,优于 Math.random()。

最多能设置多少个奖项?奖项名称支持特殊字符或emoji吗?

奖项数量没有硬性上限,但建议不超过20个,否则转盘上的文字会非常拥挤难以辨认。奖项名称支持任意Unicode字符,包括中文、英文、数字、标点符号和emoji(如🎁、🍀)。但注意:如果奖项名称太长(超过6个汉字或12个英文字符),在转盘扇形区域可能会被截断显示,建议简短。

抽奖结果可以导出或保存吗?

本工具不提供自动保存历史记录功能。每次抽奖结果仅在当前页面的结果区域显示,刷新或关闭页面后历史记录会丢失。如果需要记录,可以在每次抽奖后手动复制结果文本,或者使用浏览器的「打印」功能(Ctrl+P)将当前页面另存为PDF。也可以开启浏览器的开发者工具(F12),在Console面板中可以看到每次抽奖的详细JSON结果,方便程序化记录。

为什么我设置的权重和概率百分比对不上?

权重是相对值,不是百分比。例如设置奖项A权重1、奖项B权重1、奖项C权重2,则A和B各占25%,C占50%。如果只设置了两个奖项各权重1,期望各50%,但实际显示为50%/50%是正确的。如果某个奖项权重设为0,则该奖项永远不会被抽中。权重必须是大于等于0的整数,不支持小数(如0.5),如果需要更精细的概率,可以放大权重值(如10和20代替1和2)。

这个工具和线下实体转盘抽奖有区别吗?

主要区别在于随机性来源和物理限制。线下实体转盘依靠物理摩擦力和空气阻力停止,理论上可以通过控制施力大小和角度影响结果(虽然很难精准)。本工具使用密码学级随机数,完全不受操控。另外实体转盘无法实现「概率权重」——每个扇区面积固定,只能等概率;而本工具可以通过权重设置任意非均匀概率分布。缺点是没有物理手感,适合线上活动、直播抽奖、教学演示等场景。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

使用提示本工具仅供娱乐 / 教学随机参考不构成商业抽奖或法律意义上的随机抽选。请勿用于商业宣传、冒充真实抽奖活动或任何具有法律效力的随机决策。

选择 打开 +新窗口 esc关闭