13725528132 李桂荣
13725528131 李二来
13725528133 张荣刚
13725528130 荣南
13725528137 王三
13725528138 吴立
13725528139 郭德纲
13725528140 周星驰
13725528141 张曼玉
13725528142 张艺谋
13725528152 秦香莲
13725528162 潘金莲
13725528172 李大嘴
13725528182 展堂
//源代码如下
#include <stdio.h>
#include <stdlib.h>
#include <time.h>
#define MAX_NUM 9999
//定义保存人名和电话的数据结构
struct Person
{
char name[20]
char telno[15]
char award
}
int num = 0//统计人数
FILE *fp//文件指针
Person persons[MAX_NUM]//定义数组
int awarder_1[1] = {-1}//一等奖
int awarder_2[2] = {-1, -1}/弊让毁/二等奖
int awarder_3[5] = {-1, -1, -1, -1, -1}//三等奖
//读取文件
void readdata()
{
int i = 0//数组下标
Person person
//文件打开
fp = fopen("data.txt", "r")
if (fp == NULL)
{
printf("打开文件data.txt失败!\n")
return
}
//当文件不为空
while (!feof(fp))
{
num ++
fscanf(fp, "%s", person.telno)
fscanf(fp, "%s", person.name)
person.award = 'F'
persons[i++] = person
}
}
//初始化标识
void init()
{
for(int i = 0i <numi++)
{
persons[i].award = 'F'
}
}
//显示单个中奖信息
void info( int i)
{
printf("手机号码: %s 姓名: %s\n", persons[i].telno, persons[i].name)
}
void main()
{
char again = 'Y'
//读取文件
readdata()
printf("简单抽奖程序\n")
srand((long)time(0))
while(again == 'Y' || again == 'y')
{
//初始化标识
init()
printf("\n开始抽第一等奖(1名),按任意键开始...\n")
getchar()
awarder_1[0] = abs(rand() % num)
while (persons[awarder_1[0]].award == 'T')
{
awarder_1[0] = rand() % num
}
persons[awarder_1[0]].award = 'T'
info(awarder_1[0])
printf("\n开始抽第二等奖(2名)\n")
for (int i = 0i <2i++)
{
printf("\n第%d个二等奖,按任意键开始...\n", i+1)
getchar()
awarder_2[i] = rand() % num
while (persons[awarder_2[i]].award == 'T'滑缓)
{
awarder_2[i] = rand() % num
}
persons[awarder_2[i]].award = 'T'
info(awarder_2[i])
}
printf("\n\n开始抽第三租备等奖(5名)\n")
for (i = 0i <5i++)
{
printf("\n第%d个三等奖,按任意键开始...\n", i + 1)
getchar()
awarder_3[i] = rand() % num
while (persons[awarder_3[i]].award == 'T')
{
awarder_3[i] = rand() % num
}
persons[awarder_3[i]].award = 'T'
info(awarder_3[i])
}
printf("\n是否重新开始抽奖?(Y or N)...\n")
again = getchar()
}
getchar()
return
}
在电视节目中有一种抽奖形式暂且叫做翻板抽奖,台上有一个墙面,墙面放置几个大方块,主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中,本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。查看演示DEMO
翻板抽奖的实现流程:前端页面提供6个方块,用数字1-6依次表示6个不同的方块,当抽奖者点击6个方块中的某一块时,方块翻转到背面,显示抽奖中奖信慎腊坦息。看似简单的一个 *** 作过程,却包含着WEB技术的很多知识面,所以本文的读者应该熟练掌握jQuery和PHP相关知识。
HTML
与本站上篇文章使用jQuery+PHP+Mysql实现抽奖程序不同的是,翻板抽奖不提供开始和结束抽奖按钮,抽奖者自己决定选取其中的某一个方块,来完成抽奖的,所以我们在页面中放置6个方块,并且用1-6来表示不同的方块。
<ul id="prize">
<li class="red" title="点击抽奖">1</li>
<li class="green" title="点击抽奖">2</li>
<li class="blue" title="点击抽奖">3</li>
<li class="purple" title="点击抽奖">4</li>
<li class="olive" title="点击抽奖">5</li>
<li class="brown" title="点击抽奖">6</li>
</ul>
<div><a href="#" id="viewother">【翻开其他】</a></div>
<div id="data"></div>
html结构中,我们使用一个无序列表放置6个不同的方块,每个li中的clas属性表示该方块的颜色,列表下面是一个链接a#viewother,用来完成抽奖后,点击它,翻看其他方块背面的中奖信息,默认是隐藏的。接下来还有一个div#data,它是空的,作用是用来临时存储未抽中的其他奖项数据,具体情况看后面的代码。为了让6个方块并排看起来舒服点,您还需要用CSS来美化下,具体可参照demo,本文中不再贴出css代码。
PHP
我们先完成后台PHP的流程,PHP的主要工作是负责配置奖项及对应的中奖概率,当前端页面点击翻动某个方块时会想后台PHP发送ajax请求,那么后台PHP根据配置的概率,通过概率算法给出中奖结果,同时将未中奖的奖项信息一并以JSON数据格式发送给前端页面。
先来看概率计算函数
function get_rand($proArr) {
$result = ''
//概率数组的总概率精度
$proSum = array_sum($proArr)
//概率数组循环
foreach ($proArr as $key =>$proCur) {
$randNum = mt_rand(1, $proSum)
if ($randNum <= $proCur) {
$result = $key
break
} else {
$proSum -= $proCur
}
}
unset ($proArr)
return $result
}
上述代码是一段经典的概率算法,$proArr是一个预先设置的数组,假设数组为:array(100,200,300,400),开始是从1,1000这个概率范围内筛选第一个数是否在他的出现概率范围之内, 如果不在,则将概率空间,也就是k的值减去刚刚的那个数字的概率空间,局裤在本例当中就是减去100,也就是说第二个数是在1,900这个范围内筛选的。这样筛选到最终,总会有一个数满足要求。就相当于去一个箱子里摸东西,第一个不是,第二个不是,第三个还不是,那最后一个一定是。这个算法简单,而且效率非常高,关键是这个算法已在我们以前的项目中有应用,尤其是大数据量的项目中效率非常棒。
接宽桐下来我们通过PHP配置奖项。
$prize_arr = array(
'0' =>array('id'=>1,'prize'=>'平板电脑','v'=>1),
'1' =>array('id'=>2,'prize'=>'数码相机','v'=>5),
'2' =>array('id'=>3,'prize'=>'音箱设备','v'=>10),
'3' =>array('id'=>4,'prize'=>'4G优盘','v'=>12),
'4' =>array('id'=>5,'prize'=>'10Q币','v'=>22),
'5' =>array('id'=>6,'prize'=>'下次没准就能中哦','v'=>50),
)
中是一个二维数组,记录了所有本次抽奖的奖项信息,其中id表示中奖等级,prize表示奖品,v表示中奖概率。注意其中的v必须为整数,你可以将对应的奖项的v设置成0,即意味着该奖项抽中的几率是0,数组中v的总和(基数),基数越大越能体现概率的准确性。本例中v的总和为100,那么平板电脑对应的中奖概率就是1%,如果v的总和是10000,那中奖概率就是万分之一了。
每次前端页面的请求,PHP循环奖项设置数组,通过概率计算函数get_rand获取抽中的奖项id。将中奖奖品保存在数组$res['yes']中,而剩下的未中奖的信息保存在$res['no']中,最后输出json个数数据给前端页面。
foreach ($prize_arr as $key =>$val) {
$arr[$val['id']] = $val['v']
}
$rid = get_rand($arr)//根据概率获取奖项id
$res['yes'] = $prize_arr[$rid-1]['prize']//中奖项
unset($prize_arr[$rid-1])//将中奖项从数组中剔除,剩下未中奖项
shuffle($prize_arr)//打乱数组顺序
for($i=0$i<count($prize_arr)$i++){
$pr[] = $prize_arr[$i]['prize']
}
$res['no'] = $pr
echo json_encode($res)
直接输出中奖信息就得了,为何还要把未中奖的信息也要输出给前端页面呢?请看后面的前端代码。
jQuery
首先为了实现翻板效果,我们需要预先加载翻动插件及jquery,jqueryui相关插件:
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.flip.min.js"></script>
关于flip插件您可以到其官网:http://lab.smashup.it/flip/了解更多信息。
接下来,我们通过单击页面中的方块,来完成抽奖行为。
$(function(){
$("#prize li").each(function(){
var p = $(this)
var c = $(this).attr('class')
p.css("background-color",c)
p.click(function(){
$("#prize li").unbind('click')
$.getJSON("data.php",function(json){
var prize = json.yes//抽中的奖项
p.flip({
direction:'rl', //翻动的方向rl:right to left
content:prize, //翻转后显示的内容即奖品
color:c, //背景色
onEnd: function(){ //翻转结束
p.css({"font-size":"22px","line-height":"100px"})
p.attr("id","r")//标记中奖方块的id
$("#viewother").show()//显示查看其他按钮
$("#prize li").unbind('click')
.css("cursor","default").removeAttr("title")
}
})
$("#data").data("nolist",json.no)//保存未中奖信息
})
})
})
})
代码中先遍历6个方块,给每个方块初始化不同的背景颜色,单击当前方块后,使用$.getJSON向后台data.php发送ajax请求,请求成功后,调用flip插件实现翻转方块,在获取的中奖信息显示在翻转后的方块上,翻转结束后,标记该中奖方块id,同时冻结方块上的单击事件,即unbind('click'),目的就是让抽奖者只能抽一次,抽完后每个方块不能再翻动了。最后将未抽中的奖项信息通过data()储存在#data中。
其实到这一步抽奖工作已经完成,为了能查看其他方块背面究竟隐藏着什么,我们在抽奖后给出一个可以查看其他方块背面的链接。通过点击该链接,其他5个方块转动,将背面奖项信息显示出来。
$(function(){
$("#viewother").click(function(){
var mydata = $("#data").data("nolist")//获取数据
var mydata2 = eval(mydata)//通过eval()函数可以将JSON转换成数组
$("#prize li").not($('#r')[0]).each(function(index){
var pr = $(this)
pr.flip({
direction:'bt',
color:'lightgrey',
content:mydata2[index], //奖品信息(未抽中)
onEnd:function(){
pr.css({"font-size":"22px","line-height":"100px","color":"#333"})
$("#viewother").hide()
}
})
})
$("#data").removeData("nolist")
})
})
当单击#viewother时,获取抽奖时保存的未抽中的奖项数据,并将其转化为数组,翻转5个方块,将奖品信息显示在对应的方块中。最终效果图:
为什么我抽不到大奖?
在很多类似的抽奖活动中,参与者往往抽不到大奖,笔者从程序的角度举个例给你看,假如我是抽奖活动的主办方,我设置了6个奖项,每个奖项不同的中奖概率,假如一等奖是一台高级轿车,可是我设置了其中奖概率为0,这意味着什么?这意味着参与抽奖者无论怎么抽,永远也得不到这台高级轿车。而当主办方每次翻动剩下的方块时,参与者会发现一等奖也许就在刚刚抽奖的方块旁边的一个数字下,都怪自己运气差。真的是运气差吗?其实在参与者翻动那个方块时程序已经决定了中奖项,而翻动查看其他方块看到的奖项只是一个烟雾d,迷惑了观众和参与者。我想看完这篇文章后,您或许会知道电视节目中的翻板抽奖猫腻了,您也许大概再不会去机选双色球了。
BUG修复:感谢热心网友寒川和Tears反馈的关于可以连续翻动的bug,解决办法,在单击事件后,ajax前限制click事件插入代码:
$("#prize li").unbind('click')
IE打开===================
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>Js模拟抽奖的效果</title>
</head>
<body>
<style type="肢手森text/css">
.a1{
position:relative
font-family:Verdana
font-size:20px
color:#889978
}
</style>
<script language="JavaScript">
function lotto(){
if (!document.all &&!document.layers)
return
for (j=1j <48j++)//stop zero!?
{
var a=Math.round(Math.random()*j+1)
var b=Math.round(Math.random()*j+1)
var c=Math.round(Math.random()*j+1)
var d=Math.round(Math.random()*j+1)
var e=Math.round(Math.random()*j+1)
var f=Math.round(Math.random()*j+1)
}
var x=new Array(a,b,c,d,e,f)
if ((x[0] == x[1]) || (x[0] == x[2]) || (x[0] == x[3]) || (x[0] == x[3]) || (x[0] == x[5]) ||
(x[1] == x[2]) || (x[1] == x[3]) || (x[1] == x[4]) || (x[1] == x[5]) ||
(x[2] == x[3]) || (x[2] == x[4]) || (x[2] == x[5]) ||
(x[3] == x[4]) || (x[3] == x[5]) ||
(x[4] == x[5]) || (x[5] == x[4]))
lotto()//restart
else
{
var y=x.toString()
var z=y.split(',')
for (i=0i <z.lengthi++)
{
z[i]=z[i]+" "
if (z[i].length <3)//add '0' to singles
z[i]="0"+z[i]+" "
}
z=z.sort()
Nos=z[0]+z[1]+z[2]+z[3]+z[4]+z[5]
if (document.all)
{document.all.layer1.innerHTML=Nos}//OR Z!
else if (document.layers)
{
document.layers.layer1.document.open()
document.layers.layer1.document.write("<span style='position:absolutetop:0pxleft:0pxfont-family:Verdanafont-size:20pxcolor:#888888text-align:center'>"+Nos+"</span>薯银")
document.layers.layer1.document.close()
}
T=setTimeout('lotto()',10)
}
}
//-->
</script>
<table border='0' width=250 height=50>
<tr valign='middle'>
<td align='center'>
<form name=form>
<input type=button value='点击看看你有没有中将' onClick="lotto(),setTimeout('clearTimeout(T)',3000)">
</form>
<span id=layer1 class=a1>Result<历亩/span>
</td>
</tr>
</table>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)