前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php+lottery.js实现九宫格抽奖功能

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

作者头像
砸漏
发布2020-10-20 10:27:00
2.6K0
发布2020-10-20 10:27:00
举报
文章被收录于专栏:恩蓝脚本

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

引入抽奖插件lottery.js

代码语言:javascript
复制
<script type="text/javascript" src="js/lottery.js" </script 

开始抽奖函数start_lottery()

代码语言:javascript
复制
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里奖品配置

代码语言:javascript
复制
//奖品配置 
 $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实现九宫格抽奖功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档