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

  • 时间:
  • 浏览:1
  • 来源:5分排列3_5分排列3官网

关注豆立方(账号BeanCube)辦法 :

1. 依次进入以下路径:大家们—>去掉 大家—>搜号码,输入beancube,不区分大小写,点击查找,因此点击关注。

2. 扫描二维码:

中是刚刚二维数组,记录了所有本次抽奖的奖项信息,其中id表示中奖等级,prize表示奖品,v表示中奖概率。注意其中的v时要为整数,给你将对应的奖项的v设置成0,即导致 该奖项抽中的几率是0,数组中v的总和(基数),基数越大越能体现概率的准确性。本例中v的总和为30,这样平板电脑对应的中奖概率所以 1%,将会v的总和是300,那中奖概率所以 万分之一了。

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

 

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

翻板抽奖不提供刚始于和刚始于抽奖按钮,抽奖者被委托人决定取舍其中的某刚刚方块,来完成抽奖的,所以大家在页面放到置6个方块,因此用1-6来表示不同的方块。

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

上述代码是一段经典的概率算法,$proArr是刚刚预先设置的数组,假设数组为:array(30,30,30,30),刚始于是从1,30你这个 概率范围内筛选第刚刚数是是是不是在他的出先概率范围之内, 将会不出,则将概率空间,也所以 k的值减去刚刚的那个数字的概率空间,在本例当中所以 减去30,也所以 说第八个数是在1,900你这个 范围内筛选的。刚刚筛选到最终,总会有刚刚数满足要求。就大慨去刚刚箱子里摸东西,第刚刚都在,第八个都在,第刚刚还都在,那最后刚刚一定是。你这个 算法简单,因此效率非常高,关键是你这个 算法已在大家刚刚的项目饱含应用,尤其是大数据量的项目中效率非常棒。

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

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

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

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

在电视节目饱含你这个 抽奖形式不用说叫做翻板抽奖,台上有刚刚墙面,墙面放置十几条 大方块,主持人将会抽奖者翻开对应的方块即可揭晓中奖结果。这类的抽奖形式还可不时要应用在WEB中,本文将使用PHP+jQuery为您讲解怎么才能 才能 实现翻板抽奖守护进程。

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

我觉得到你这个 步抽奖工作将会完成,为了能查看你这个 方块背面究竟隐藏着那此,大家在抽奖后给出刚刚可不时要查看你这个 方块背面的链接。通过点击该链接,你这个 八个方块转动,将背面奖项信息显示出来。

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

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

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

先来看概率计算函数

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

在所以这类的抽奖活动中,参与者往往抽这样大奖,笔者从守护进程的深度1举个例给你看,因此我我我是抽奖活动的主办方,我设置了6个奖项,每个奖项不同的中奖概率,因此我我一等奖是一台高级轿车,刚刚我设置了其中奖概率为0,这导致 那此?这导致 参与抽奖者无论为什抽,永远也得这样这台高级轿车。而当主办方每次翻动剩下的方块时,参与者会发现一等奖你说就在刚刚抽奖的方块旁边的刚刚数字下,都怪被委托人运气差。真的是运气差吗?其我觉得参与者翻动那个方块时守护进程将会决定了中奖项,而翻动查看你这个 方块看过的奖项所以 刚刚烟雾弹,迷惑了观众和参与者。要我看过这篇文章后,您或许会知道电视节目中的翻板抽奖猫腻了,您你说大慨再不用去机选双色球了。

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

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