php+lottery.js制作九宮格抽獎實例,本抽獎功能效果表現(xiàn)好,定制方便簡單,新手學習跟直接拿來用都非常不錯,兼容IE、火狐、谷歌等瀏覽器。
![](/d/20211017/ba856d7a90b2bc2ff5e3afe84d6d412b.gif)
引入抽獎插件lottery.js
script type="text/javascript" src="js/lottery.js">/script>
開始抽獎函數(shù)start_lottery()
function start_lottery(){
if(flag){
//alert('正在抽獎,請等待抽獎結果!');
//return false;
return void(0);
}
flag=true;
index = 1; //當前選中對象的位置
fast = rand(3,6); //在哪個位置開始加速
cycle = rand(3,5); //轉動多少圈
speed = 300; //開始時速度
$.ajax({
url: 'lottery.php',
type: "post",
data:null,
dataType: "json",
timeout: 20000,
cache: false,
beforeSend: function(){// 提交之前
},
error: function(){//出錯
flag=false;
},
success: function(res){//成功
if(typeof(res.award_id)!='undefined'){
lucky = res.award_id; //中獎號碼
award = res.award_name; //獎品名稱
show_lottery();
}else{
flag=false;
alert(res.err);
}
}
});
}
PHP里獎品配置
//獎品配置
$award = array(
// 獎品ID => array('獎品名稱',概率)
1 => array('悟空公仔',0.1),
2 => array('小乖虎公仔',0.1),
3 => array('神秘大禮包',0.1),
4 => array('智能游戲手柄',0.1),
5 => array('小角鹿公仔',0.1),
6 => array('豆蛙抱枕',0.1),
7 => array('游戲耳機',0.2),
8 => array('雷蛇鍵盤',0.2),
);
$r =rand(1,100);
總結
以上所述是小編給大家介紹的php+lottery.js實現(xiàn)九宮格抽獎功能,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
您可能感興趣的文章:- jquery——九宮格大轉盤抽獎實例
- jquery實現(xiàn)九宮格大轉盤抽獎
- 原生JS實現(xiàn)九宮格抽獎
- js實現(xiàn)九宮格抽獎
- 原生JS實現(xiàn)九宮格抽獎效果
- jquery+h5實現(xiàn)九宮格抽獎特效(前后端代碼)