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

  • 时间:
  • 浏览:0
  • 来源:5分3DAPP下载_5分3DAPP官网

接下来,亲戚亲戚朋友通过单击页面中的方块,来完成抽奖行为。

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

 

翻板抽奖不提供开始和开始抽奖按钮,抽奖者另一方决定挑选 其中的某另另另一个方块,来完成抽奖的,可是我亲戚亲戚朋友在页面放满置6个方块,已经 用1-6来表示不同的方块。

关注豆立方(账号BeanCube)妙招:

1. 依次进入以下路径:亲戚亲戚朋友们—>加带亲戚亲戚朋友—>搜号码,输入beancube,不区分大小写,点击查找,已经 点击关注。

2. 扫描二维码:

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

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

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

在可是我类式于的抽奖活动中,参与者往往抽只能大奖,笔者从程序运行运行的厚度举个例你还时需看,我希望我是抽奖活动的主办方,我设置了6个奖项,每个奖项不同的中奖概率,我希望一等奖是一台高级轿车,已经 我设置了其中奖概率为0,这愿因什么?这愿因参与抽奖者无论为社 在么在抽,永远也得只能这台高级轿车。而当主办方每次翻动剩下的方块时,参与者会发现一等奖你说歌词 就在已经 抽奖的方块旁边的另另另一个数字下,都怪另一方运气差。真的是运气差吗?其人太好参与者翻动那个方块时程序运行运行将会决定了中奖项,而翻动查看一点方块想看 的奖项可是我另另另一个烟雾弹,迷惑了观众和参与者。你还时需 要想看 这篇文章后,您或许会知道电视节目中的翻板抽奖猫腻了,您你说歌词 离米 再很多去机选双色球了。

在电视节目富含三种抽奖形式从不叫做翻板抽奖,台上有另另另一个墙面,墙面放置2个大方块,主持人将会抽奖者翻开对应的方块即可揭晓中奖结果。类式于的抽奖形式还还时需应用在WEB中,本文将使用PHP+jQuery为您讲解何如实现翻板抽奖程序运行运行。

直接输出中奖信息就得了,为社 在么在在时需把未中奖的信息也要输出给前端页面呢?请想看 面的前端代码。

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

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

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

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

首先为了实现翻板效果,亲戚亲戚朋友时需预先加载翻动插件及jquery,jqueryui相关插件:

人太好到你这个步抽奖工作将会完成,为了能查看一点方块背面究竟隐藏着什么,亲戚亲戚朋友在抽奖后给出另另另一个还时需查看一点方块背面的链接。通过点击该链接,一点另一个方块转动,将背面奖项信息显示出来。

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

先来看概率计算函数

中是另另另一个二维数组,记录了所有本次抽奖的奖项信息,其中id表示中奖等级,prize表示奖品,v表示中奖概率。注意其中的v时需为整数,你还时需将对应的奖项的v设置成0,即愿因该奖项抽中的几率是0,数组中v的总和(基数),基数越大越能体现概率的准确性。本例中v的总和为400,如此 平板电脑对应的中奖概率可是我1%,将会v的总和是40000,那中奖概率可是我万分之一了。

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

接下来亲戚亲戚朋友通过PHP配置奖项。

上述代码是一段经典的概率算法,$proArr是另另另一个预先设置的数组,假设数组为:array(400,400,400,400),开始是从1,4000你这个概率范围内筛选第另另另一个数是算是在他的出現概率范围之内, 将会不出,则将概率空间,也可是我k的值减去已经 的那个数字的概率空间,在本例当中可是我减去400,也可是我说第另一个数是在1,900你这个范围内筛选的。已经 筛选到最终,总会有另另另一个数满足要求。就离米 去另另另一个箱子里摸东西,第另另另一个全部后会,第另一个全部后会,第另另另一个还全部后会,那最后另另另一个一定是。你这个算法简单,已经 效率非常高,关键是你这个算法已在亲戚亲戚朋友已经 的项目富含应用,尤其是大数据量的项目中效率非常棒。

猜你喜欢

我刚办了张工商银行卡,到淘宝网上买东西,但要开通网上银行付款,该怎么做呢?

展开完整篇 本回答由前前老外见面推荐带上身份证和银行卡亲自去柜面办理网银。带上我每每个人身份证和银行卡到银行去办理网银,提醒一下,网银有U盾、电子密码器和口令卡有一种,根据我

2020-02-19

中行网银怎么在网上注册

毕业于青岛农业大学海都学院学士学位有三年网络工作经验首次登录要下载安全控件,扫描二维码下载二、另有本身是具有多种功能的网上银行前要在银行柜台开通才不用 使用,在银行开办网

2020-02-19

网银到底有用吗?在淘宝上买东西直接快捷支付就可以了,还要网银干嘛

网银安全换一换收起更多回答(3)展开完全展开完全为什会 可能没法 用,许多不要再支付宝的网购是需要网银的你对这个 回答的评价是?你对这个 回答的评价是?你对这个

2020-02-18

招商银行网上银行怎么开通

为你推荐:展开删剪招商银行成立于1987年,目前已发展成为了资本净额超过3500亿、资产总额超过4.十五万亿、全国设有超过150家网点、员工超过十五万人的全国性股份制商业银行,

2020-02-18

是不是银行卡没有开通网银就不能支付宝转账

以在手机上用支付宝钱包转账为例,具体转账步骤如下:3、输入收款人姓名、卡号、银行名称、转账金额、挑选付款辦法 ,这里挑选绑定支付宝的没开通网银的那张银行卡支付,怎么让点下一步

2020-02-18