每当我们在元旦，年会的时刻，总是无法避免地出现抽奖环节。身为专业程序员的我们自然应当负起这份责任，确保这场抽奖活动能够顺利流畅地进行下去。然而，面对众多待完成的工作任务，我们恐怕又需要进一步延长加班时间来应对。请别担忧，在此，为您提供了一款卓越出色的现成抽奖网页，可用于此次年度盛典的抽奖环节中。首先，让我们共同欣赏一下实际应用表现吧！

此页面所有实现均采用最基本的JavaScript、html和jQuery技术完成，无需使用任何框架，开箱即用。

设置数据

参与抽奖的数据需要提前设定好，在 js 目录中，data.js 里，文件和结构如下：

personArray.push({
  id: 546,
  image :"img/tx.png",
  thumb_image :"img/tx.png",
  name: "张三"
});

每个数据都按此标准结构构建即可。img 可以使用默认的， 也可以自行提供照片，id 需要随机指定一个数字，保证不与列表内的其他数据相同即可。设置新数据后刷新后就能使用。

功能扩展

现有的功能里没有作弊选项（不能设置必中项），而且一个人可以重复多次中奖，因此需要添加以下内容来扩展。

# 编辑lucy.js
# 在Obj 对象下定义两个变量

Obj.writeList = [0] # 用于存放白名单列表
Obj.hasLuck = [] # 用于记录已中奖下标

# 新增去重函数
function doRepeatResult(num){
  console.log(Obj.hasLuck.length, personArray.length)
  if(Obj.hasLuck.includes(num)){
    console.log('存在重复中奖, 重新抽奖', num )
    num = num - 1
    if(num < 0){
      num = num + personArray.length
    }
    if(Obj.hasLuck.length >= personArray.length){
      return 0
    }
    return doRepeatResult(num)
  }
  return num
}

# 重写中奖随机函数
function randomLuckyArr() {
    Obj.luckyResult = [];
    for (var i = 0; i < Obj.luckyNum; i++) {
        var random = Math.floor(Math.random() * personArray.length);
        if (Obj.luckyResult.indexOf(random) == -1) {
    if(Obj.writeList.length > 0 && Obj.hasLuck.length > 2){
      random = Obj.writeList[0]
      random = doRepeatResult(random)
      Obj.luckyResult.push(random)
      Obj.writeList.shift()
    } else {
      random = doRepeatResult(random)
      Obj.luckyResult.push(random)
    }
            Obj.hasLuck.push(random)
        } else {
            i--;
        }
  console.log("已中奖下标", Obj.hasLuck)
    }
}

在上述代码中， 提供一个去重函数，并使用递归调用，保证每次数据都做去重校验。如果数据有重复，则使用当前下标减一，如果小于 0 则，直接将下标调到最大，如果所有人都中奖了， 则始终返回第一个人的结果。

在randomLuckyArr 中， 则调用去重函数，并将每次中奖的数据都保存到 hasLuck 中。

对于需要暗箱的内容的内容则在luckyResult.push 之前，写好相应的逻辑即可，如上代码中，就是抽 3 回后保证第 4 回，中奖的人为writeList 中的（暗箱虽好，可不要贪杯[灵光一闪]）。

有需要的朋友请来个三连获取。

#文章首发挑战赛#

#头条创作挑战赛#

#挑战30天在头条写日记#

#我的2023年终总结#

节是几月几日？春节的习俗和来历，想必不用多说了吧。但是对设计师来说，春节海报是要多做的，今天易图网为个为设计师们带来了一组春节海报，让你们在设计过程中文思泉涌。

获取原图方式：复制粘贴或戳图片上方链接哦~

1.

年年有风 风吹年年 慢慢及漫漫

朝朝辞暮 尔尔辞晚 碎碎念安安

岁岁落暮 暮坠轮轮 暮暮即慕慕

寒风渐起 起风渐寒 潇潇亦萧萧

思思念念 新新相忘 新新同馨馨

日日升日 日落日日 旧旧依久久

https://www.yipic.cn/sucai/4463785.html

2.

除夕夜最热闹的不是春晚

而是大街被爆竹的热气

蒙上薄雾的十里红妆

是觥筹交错之后欢声笑语的一家人

是烟火相对仍然长不大的一群人

https://www.yipic.cn/sucai/2173624.html

3.

新的一年，唯愿：

命途风霜尽，乾坤气象和

历添新岁月，福满旧山河

https://www.yipic.cn/sucai/4450838.html

4.

我们如期老去

这不是新年的意义

这是恰如其分的节点休息

是一场持久的，私人的储蓄

https://www.yipic.cn/sucai/4450517.html

5.

无疾病侵扰

无岁月白头

无枯木羁绊

四时春秋平安度过

万千山水得以一游

https://www.yipic.cn/sucai/2937133.html

6.

新年和往常一样

愿望也不一定非要在过年期盼

唯有一些特别的人

他们用心告诉你

我又陪了你一年

https://www.yipic.cn/sucai/4450268.html

春节海拔分享结束啦，收藏起来吧！