元旦，年會抽獎模板頁面送給你

年快樂

每當我們在元旦，年會的時刻，總是無法避免地出現抽獎環節。身為專業程序員的我們自然應當負起這份責任，確保這場抽獎活動能夠順利流暢地進行下去。然而，面對眾多待完成的工作任務，我們恐怕又需要進一步延長加班時間來應對。請別擔憂，在此，為您提供了一款卓越出色的現成抽獎網頁，可用于此次年度盛典的抽獎環節中。首先，讓我們共同欣賞一下實際應用表現吧！

抽獎效果

此頁面所有實現均采用最基本的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年終總結#

節是幾月幾日？春節的習俗和來歷，想必不用多說了吧。但是對設計師來說，春節海報是要多做的，今天易圖網為個為設計師們帶來了一組春節海報，讓你們在設計過程中文思泉涌。

獲取原圖方式：復制粘貼或戳圖片上方鏈接哦~

年年有風風吹年年慢慢及漫漫

朝朝辭暮爾爾辭晚碎碎念安安

歲歲落暮暮墜輪輪暮暮即慕慕

寒風漸起起風漸寒瀟瀟亦蕭蕭

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

日日升日日落日日舊舊依久久

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

除夕夜最熱鬧的不是春晚

而是大街被爆竹的熱氣

蒙上薄霧的十里紅妝

是觥籌交錯之后歡聲笑語的一家人

是煙火相對仍然長不大的一群人

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

新的一年，唯愿：

命途風霜盡，乾坤氣象和

歷添新歲月，福滿舊山河

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

我們如期老去

這不是新年的意義

這是恰如其分的節點休息

是一場持久的，私人的儲蓄

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

無疾病侵擾

無歲月白頭

無枯木羈絆

四時春秋平安度過

萬千山水得以一游

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

新年和往常一樣

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

唯有一些特別的人

他們用心告訴你

我又陪了你一年

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

春節海拔分享結束啦，收藏起來吧！

~4月在線禮包

活動獎勵：大量番薯、黑鉆、疲勞藥、三倍藥！更有開會員送30天黑鉆！

活動時間：2019年3月15日~2019年4月15日

電腦端鏈接：

http://vip.qq.com/club/act/2019/2000370157/016844c2c9.html

手機端鏈接：

http://m.vip.qq.com/club/act/2019/370157/016844c2c9.html

實名驗證送好禮

活動獎勵：93可用升級券x2、5倍經驗藥、星空番薯、天空之愿、異形碎片！

活動時間：2019年3月6日 ~3月31日

活動鏈接：

http://dnf.qq.com/cp/a20190301name/

春神的饋贈

派送百萬深淵番薯、10萬黑鉆、8萬QB！

活動時間：2019年3月11日 ~4月10日

活動鏈接：

https://guanjia.qq.com/act/cop/201903dnf/index.html

奪寶攻堅戰

可免費抽1次！大量春節套、增幅強化券、增幅書、天空、強烈氣息等

活動時間：2019年3月21日 ~4月5日

活動鏈接：https://dnfcity.qq.com/mobile/zhuanti/0320jihuan/index.html

DNF信用星級禮包

每月可領深淵派對邀請函*350、調整箱*5!

活動時間：每月可領一次

活動鏈接：

http://gamesafe.qq.com/special/dnf/index.htm

助手三月簽到送好禮

星空番薯*36、暗物質*48、安徒恩紅豆*8！

活動時間：2019年3月7日—4月10日

方式一：DNF助手

方式二：

https://mwegame.qq.com/act/dnf/SignInMar/index

DNF小悅生日送豪禮

39個番薯、666心意點點擊即領！

活動時間：2019年1月4日起

領取方式：點擊游戲內“DNF小悅”-“框內輸入生日領取 ”既可

生日禮包為當月注冊用戶即可領取，例如一月份角色生日的玩家1月4日到1月31日期間都可以領取。該活動將會持續2019年全年，讓每個月份的玩家都有機會領取

在線咨詢

上一篇：監控系統完整html頁面
下一篇：HTML常用布局標簽：提升網頁顏值！不可不知的HTML布局技巧全解析

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

元旦，年會抽獎模板頁面送給你

設置數據

功能擴展

您的項目需求