我們平時在看一些選秀節(jié)目或一些歌唱類比賽節(jié)目時經(jīng)常會看到在現(xiàn)場的大屏幕上會有觀眾的手機(jī)號在滾動來選出誰是幸運(yùn)觀眾或誰中了什么獎項(xiàng)，這些手機(jī)號都是現(xiàn)場觀眾或場外觀眾在給選手投票時產(chǎn)生的，當(dāng)主持人一聲開始令下，大屏幕上的手機(jī)號就會快速隨機(jī)滾動，當(dāng)主持人一聲停令下，大屏幕上會隨機(jī)出現(xiàn)幾個停止?jié)L動的手機(jī)號，這種手機(jī)號批量隨機(jī)滾動的效果，就是我們今天要實(shí)現(xiàn)的效果。注意，在這個效果的實(shí)現(xiàn)當(dāng)中最核心的就是隨機(jī)和不重復(fù)。
下面，我就簡單來介紹一下原理：
1、隨機(jī)，我們要寫一個隨機(jī)數(shù)，而且這個隨機(jī)數(shù)不能重復(fù)，這個不能重復(fù)的隨機(jī)數(shù)說白了就是我們從數(shù)據(jù)庫中取出的手機(jī)號的索引；
2、使用定時器不斷的產(chǎn)生不重復(fù)的隨機(jī)數(shù)，用這些不重復(fù)的隨機(jī)數(shù)去綁定手機(jī)號并將手機(jī)號追加在一個盒子中；
3、去除中獎的手機(jī)號（這個前端貌似沒法實(shí)現(xiàn)，只能后臺去控制），當(dāng)開始抽獎時再次產(chǎn)生不重復(fù)的隨機(jī)數(shù)，再次用這些隨機(jī)數(shù)去綁定手機(jī)號，直到抽獎結(jié)束。
正好我們公司最近年會上有這樣的現(xiàn)場抽獎，于是我就做了一個這樣的抽獎效果（我們的抽獎號碼是用的我們每個人的邀請碼，不是手機(jī)號，其實(shí)原理都一樣。），而且可以控制每次中獎的人數(shù)，配上后臺代碼和數(shù)據(jù)庫后效果還不錯，接下來就把實(shí)現(xiàn)代碼分享出來吧。
PS:抽獎代碼已經(jīng)經(jīng)過我們公司年會抽獎環(huán)節(jié)的檢驗(yàn)，木得任何問題！
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="renderer" content="webkit"><title>互融CLUB</title><script type="text/javascript" src="js/jquery.min.js"></script><style>*{margin:0;padding:0;}img{display:block;}i{font-style:normal;}.vetically{justify-content:center;align-items:center;display:-webkit-flex;}.prize_con{position: absolute;width: 100%;height: 100%;background: url(images/firstp_bg.jpg) no-repeat left top / 100% 100%;overflow: hidden;}.prize_grade{font-size:98px;color: #ffe9af;text-align: center;margin: 160px auto 0;}.prize_list{width:55%;height:350px;mar
