微信公众平台开发(54)翻板抽奖

  • 时间:
  • 浏览:0
  • 来源:欢乐生肖APP下载_欢乐生肖APP官方

在电视节目涵盖并都是抽奖形式不多叫做翻板抽奖,台上有另另另好几个 墙面,墙面放置几个大方块,主持人肯能抽奖者翻开对应的方块即可揭晓中奖结果。累似 的抽奖形式还都不能 应用在WEB中,本文将使用PHP+jQuery为您讲解怎样实现翻板抽奖应用应用程序。

上述代码是一段经典的概率算法,$proArr是另另另好几个 预先设置的数组,假设数组为:array(1000,1000,1000,1000),结束英文是从1,10000你是什么 概率范围内筛选第另另另好几个 数有无在他的老出概率范围之内, 肯能不在 ,则将概率空间,也全都k的值减去随后的那个数字的概率空间,在本例当中全都减去1000,也全都说第好几个 数是在1,900你是什么 范围内筛选的。全都 筛选到最终,总会有另另另好几个 数满足要求。就至少去另另另好几个 箱子里摸东西,第另另另好几个 都是,第好几个 都是,第另另另好几个 还都是,那最后另另另好几个 一定是。你是什么 算法简单,而是我下行速率 非常高,关键是你是什么 算法已在大伙随后的项目涵盖应用,尤其是大数据量的项目中下行速率 非常棒。

=============================================================

在全都累似 的抽奖活动中,参与者往往抽可不可不能不能 了大奖,笔者从应用应用程序的深层举个例我能 看,而是我是抽奖活动的主办方,我设置了6个奖项,每个奖项不同的中奖概率,而是我一等奖是一台高级轿车,全都 我设置了其中奖概率为0,这原因分析 什么?这原因分析 参与抽奖者无论怎样抽,永远也得可不可不能不能 了这台高级轿车。而当主办方每次翻动剩下的方块时,参与者会发现一等奖他说就在随后抽奖的方块旁边的另另另好几个 数字下,都怪本人运气差。真的是运气差吗?其嘴笨 参与者翻动那个方块时应用应用程序肯能决定了中奖项,而翻动查看许多方块看多的奖项全都另另另好几个 烟雾弹,迷惑了观众和参与者。我能 要看多这篇文章后,您或许会知道电视节目中的翻板抽奖猫腻了,您他说至少再不需要去机选双色球了。

接下来,大伙通过单击页面中的方块,来完成抽奖行为。

 

接下来大伙通过PHP配置奖项。

翻板抽奖不提供结束英文和结束英文抽奖按钮,抽奖者本人决定选者其中的某另另另好几个 方块,来完成抽奖的,全都大伙在页面上放置6个方块,而是我用1-6来表示不同的方块。

首先为了实现翻板效果,大伙不能 预先加载翻动插件及jquery,jqueryui相关插件:

大伙先完成后台PHP的流程,PHP的主要工作是负责配置奖项及对应的中奖概率,当前端页面点击翻动某个方块总要想后台PHP发送ajax请求,不在 后台PHP根据配置的概率,通过概率算法给出中奖结果,一起将未中奖的奖项信息一起以JSON数据格式发送给前端页面。

关注豆立方(账号BeanCube)土方式 :

1. 依次进入以下路径:大伙们—>加进去去大伙—>搜号码,输入beancube,不区分大小写,点击查找,而是我点击关注。

2. 扫描二维码:

html型态中,大伙使用另另另好几个 无序列表放置6个不同的方块,每个li中的clas属性表示该方块的颜色,列表下面是另另另好几个 链接a#viewother,用来完成抽奖后,点击它,翻看许多方块背面的中奖信息,默认是隐藏的。接下来还有另另另好几个 div#data,它是空的,作用是用来临时存储未抽中的许多奖项数据,情况报告报告看多面的代码。为了让6个方块并排看起来舒服点,您还不能 用CSS来美化下,具体可参照demo,本文中不再贴出css代码。

先来看概率计算函数

当单击#viewother时,获取抽奖时保存的未抽中的奖项数据,并将其转化为数组,翻转好几个 方块,将奖品信息显示在对应的方块中。最终效果图:

中是另另另好几个 二维数组,记录了所有本次抽奖的奖项信息,其中id表示中奖等级,prize表示奖品,v表示中奖概率。注意其中的v不能 为整数,我能 将对应的奖项的v设置成0,即原因分析 该奖项抽中的几率是0,数组中v的总和(基数),基数越大越能体现概率的准确性。本例中v的总和为1000,不在 平板电脑对应的中奖概率全都1%,肯能v的总和是100000,那中奖概率全都万分之一了。

翻板抽奖的实现流程:前端页面提供6个方块,用数字1-6依次表示6个不同的方块,当抽奖者点击6个方块中的某一块时,方块翻转到背面,显示抽奖中奖信息。看似简单的另另另好几个 操作过程,却涵盖着WEB技术的全都知识面,全都本文的读者应该熟练掌握jQuery和PHP相关知识。

直接输出中奖信息就得了,怎样不能 把未中奖的信息也要输出给前端页面呢?请看多面的前端代码。

微信公众平台开发 微信公众平台开发模式 企业微信公众平台 砸金蛋 

作者:方倍工作室 地址:http://www.cnblogs.com/txw1958/p/crack-golden-eggs.html原文:http://www.helloweba.com/view-blog-218.html

每次前端页面的请求,PHP循环奖项设置数组,通过概率计算函数get_rand获取抽中的奖项id。将中奖奖品保存在数组$res['yes']中,而剩下的未中奖的信息保存在$res['no']中,最后输出json个数数据给前端页面。

代码中先遍历6个方块,给每个方块初始化不同的背景颜色,单击当前方块后,使用$.getJSON向后台data.php发送ajax请求,请求成功后,调用flip插件实现翻转方块,在获取的中奖信息显示在翻转后的方块上,翻转结束英文后,标记该中奖方块id,一起冻结方块上的单击事件,即unbind('click'),目的全都让抽奖者可不可不能不能 了抽一次,抽随后每个方块可不可不能不能 了再翻动了。最后将未抽中的奖项信息通过data()储存在#data中。

嘴笨 到你是什么 步抽奖工作肯能完成,为了能查看许多方块背面究竟隐藏着什么,大伙在抽奖后给出另另另好几个 都不能 查看许多方块背面的链接。通过点击该链接,许多好几个 方块转动,将背面奖项信息显示出来。

关于flip插件您都不能 到其官网:http://lab.smashup.it/flip/了解更多信息。