网络编程
位置:首页>> 网络编程>> php编程>> php+lottery.js实现九宫格抽奖功能

php+lottery.js实现九宫格抽奖功能

作者:我乐意啊  发布时间:2024-04-17 10:34:28 

标签:php,lottery.js,九宫格,抽奖

php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。

php+lottery.js实现九宫格抽奖功能

引入抽奖插件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实现九宫格抽奖功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

来源:https://www.cnblogs.com/woleyia/archive/2019/07/21/11220723.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com