php+lottery.js如何實現九宮格抽獎功能

這篇文章主要介紹了php+lottery.js如何實現九宮格抽獎功能，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

php+lottery.js制作九宮格抽獎實例，本抽獎功能效果表現好，定制方便簡單，新手學習跟直接拿來用都非常不錯，兼容IE、火狐、谷歌等瀏覽器。

引入抽獎插件lottery.js

<script type="text/javascript" src="js/lottery.js"></script>

開始抽獎函數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如何實現九宮格抽獎功能”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!