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

赞 (0)

相关推荐

  • PHP实现活动人选抽奖功能

    本文介绍情景为活动人选抽奖,通过简单随机抽取指定人数,依次列举被抽中的人名.示例代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>活动人选</title> </head> <body> <?php $lotterPeopleArr = array(); $num = 8; for($i=0;$i<$

  • php抽奖概率算法（刮刮卡，大转盘）

    本文实例为大家分享了php中奖概率算法,可用于刮刮卡,大转盘等抽奖算法,用法很简单,代码里有详细注释说明,供大家参考,具体内容如下 <?php /* * 经典的概率算法, * $proArr是一个预先设置的数组, * 假设数组为:array(100,200,300,400), * 开始是从1,1000 这个概率范围内筛选第一个数是否在他的出现概率范围之内, * 如果不在,则将概率空间,也就是k的值减去刚刚的那个数字的概率空间, * 在本例当中就是减去100,也就是说第二个数是在1,900这个范围

  • 基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法

    大转盘中奖概率算法在我们的日常生活中,经常遇到,那么基于php代码是如何实现中奖概率算法的,下面通过一段代码实例给大家介绍php中奖概率算法,代码简单易懂,并且附有注释,具体代码如下所示: <?php /* * 经典的概率算法, * $proArr是一个预先设置的数组, * 假设数组为:array(100,200,300,400), * 开始是从1,1000 这个概率范围内筛选第一个数是否在他的出现概率范围之内, * 如果不在,则将概率空间,也就是k的值减去刚刚的那个数字的概率空间, * 在本例

  • php编写的抽奖程序中奖概率算法

    们先完成后台PHP的流程,PHP的主要工作是负责配置奖项及对应的中奖概率,当前端页面点击翻动某个方块时会想后台PHP发送ajax请求,那么后台PHP根据配置的概率,通过概率算法给出中奖结果,同时将未中奖的奖项信息一并以JSON数据格式发送给前端页面. 先来看概率计算函数 function get_rand($proArr) { $result = ''; //概率数组的总概率精度 $proSum = array_sum($proArr); //概率数组循环 foreach ($proArr as

  • jQuery+PHP实现微信转盘抽奖功能的方法

    本文实例讲述了jQuery+PHP实现微信转盘抽奖功能的方法.分享给大家供大家参考,具体如下: 本文结合实例将使用jQuery和PHP来实现转盘抽奖程序. 准备工作 首先要准备素材,抽奖的界面用到两张图片,圆盘图片和指针图片,实际应用中可以根据不同的需求制作不同的圆盘图片. 接着制作html页面,实例中我们在body中加入如下代码: <div class="demo"> <div id="disk"></div> <div

  • 基于PHP实现简单的随机抽奖小程序

    一个抽奖小程序,概论可控,也可某个奖品在前端显示,而程序中根本不可能获得!把所有的概率x10后相加起来,新数组中每项的值等于它前几个的和加上它本身. 然后随即生成一个0到最大数之间的一个数,通过循环查看它属于那个区间,返回该区间的key. 代码如下 $prize = array( 1 => 3.5, //3.5%机率 2 => 2.5, 3 => 6, 4 => 2, 5 => 42, //42%机率 6 => 36, 7 => 2, 8 => 4, 9 =

  • php实现概率性随机抽奖代码

    1.初始数据: 权重越大,抽取的几率越高 [奖品1, 权重 5], [ 奖品2, 权重6], [ 奖品3, 权重 7], [ 奖品4, 权重2] 2.处理步骤: 1)N = 5 + 6 + 7 + 2 = 20 2)然后取1-N的随机数M 3)界定各 奖品的权重范围值 奖品 1 : 1-5 ; 奖品2 : 6-11: 奖品3: 12-18: 奖品4: 19-20 4) 如果M在某个奖品的权重范围值内,标识这个奖品被抽取到 <?php /** * 奖品 */ class Prize { # ID

  • PHP转盘抽奖接口实例

    本文实例讲述了PHP转盘抽奖接口的实现方法.分享给大家供大家参考.具体如下: 这里的转盘抽奖随机返回一个转盘角度,概率可自己定义 lottery_get.php接口文件如下: 复制代码 代码如下: <?php  /*session_start(); if(!isset($_SESSION['zaszh_user_id'])){     echo json_encode(array('status'=>'error','msg'=>'连接超时,请重新打开页面.'));     exit;

  • 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('正在抽奖

  • 基于VUE实现的九宫格抽奖功能

    先给大家展示下效果图: HTML代码: <template> <div class="luckDraw"> <title-bar :title="title"></title-bar> <div class="container"> <div class="turntable-wrapper"> <div class="luck-wrapp

  • js实现转盘抽奖功能

    本文实例为大家分享了js实现转盘抽奖功能的具体代码,供大家参考,具体内容如下 效果:点击抽奖按钮,转盘开始旋转数圈后停止 示例: 抽奖html代码: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&q

  • js实现九宫格抽奖

    本文实例为大家分享了js实现九宫格抽奖的具体代码,供大家参考,具体内容如下 <div id="contaner"> <div id="one">一块钱</div> <div id="two">谢谢惠顾</div> <div id="three">下去写作业</div> <div id="four">一局游戏<

  • 原生JS实现九宫格抽奖

    本文实例为大家分享了JS实现九宫格抽奖的具体代码,供大家参考,具体内容如下 上代码: <div class="wrapper"> <div>谢谢惠顾</div> <div>十万元现金</div> <div>谢谢惠顾</div> <div>iphone11</div> <div>抽奖</div> <div>美的冰箱</div> <

  • Android 实现九宫格抽奖功能

    Android 实现九宫格抽奖功能

    效果展示 实现步骤 1.生成抽奖矩形: 其中每个矩形的宽高相同,长度为整个控件宽度的1/3. 代码展示 public class NineLuckPan extends View { private Paint mPaint; private ArrayList<RectF> mRects;//存储矩形的集合 private float mStrokWidth = 5;//矩形的描边宽度 private int mRectSize;//矩形的宽和高(矩形为正方形) private int[]

  • js实现简单抽奖功能

    js实现简单抽奖功能

    本文实例为大家分享了js实现简单抽奖功能的具体代码,供大家参考,具体内容如下 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> #box{ border: 1px solid aqua; height: 100px; width: 200px; text-align: center; lin

  • JavaScript实现九宫格抽奖功能的示例代码

    JavaScript实现九宫格抽奖功能的示例代码

    目录 效果图 实现流程 主要代码 效果图 话不多说,直接上效果: 实现流程 主要流程为: 1. 根据效果图,构建静态页面 2. 获取元素(自带的属性) 3. 绑定事件 4. 事件触发之后 4.1 所有的li元素 在指定的时间间隔下 颜色随机变化 4.2 延时器 2秒后 清除定时器 4.3 在清除定时器之后,所有的li背景色复位,随机选一个 主要代码 <!DOCTYPE html> <html lang="en"> <head> <meta ch

  • 原生JS实现九宫格抽奖效果

    原生JS实现九宫格抽奖效果

    效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> *{margin:0;padding:0;} #container{w

  • js实现网页抽奖实例

    js实现网页抽奖实例

    本文实例讲述了js实现网页抽奖的方法.分享给大家供大家参考.具体如下: 这段网页抽奖程序,基于javascript代码实现,简单的演示如何使用JS来实现抽奖功能,点击"开始抽奖"按钮,程序即开始抽奖了,需要停止的时候按"停止",以前发过类似的抽奖程序有几个了,有兴趣的自己在本站网页特效栏目搜索"抽奖"看下. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html> <html lang="zh"&

随机推荐