这个字段是用来标识是否中奖,3).****.substr($row[mobile],我们通过通过eval() 函数可以将JSON字符串转化为工具obj。
即标识该号码已中奖, PRIMARY KEY (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8; ,数据表member中有个字段叫status,页面向靠山data.php发送Ajax请求,这时抽奖举办中。
CSS 我们利用简朴的css来修饰html页面, jQuery 我们首先要实现的是点击“开始”按钮,点击“开始”后,通过毗连数据库。
一, stop_btn.click(function(){ clearInterval(_gogo); var mid = $(#mid).val(); $.post(data.php?action=ok,利用clearInterval()函数遏制按时器,最后还需要一个#result显示抽奖功效,这时显示的号码即为中奖号码,当靠山返回json数据时, CREATE TABLE `member` ( `id` int(11) NOT NULL auto_increment,应为被抽中的号码需要在数据库中标志,100); //每隔0.1秒执行一次 stop_btn.show(); start_btn.hide(); }else{ $(#roll).html(系统找不到数据源,然后通过转换成json名目输出给前端;二,利便后续挪用,转动显示号码, HTML 上述代码中,号码遏制转动,关于这两个函数的利用各人可以google或百度下,留意每次显示的手机号码是随机的,然后通过按时转动显示手机号码,我们利用setInterval()和clearInterval()配置按时器和遏制按时器。
下次将不再作为抽奖号码,#mid是用来记录抽中的号码id, .demo{width:300px; margin:60px auto; text-align:center} #roll{height:32px; line-height:32px; font-size:24px; color:#f30} .btn{width:80px; height:26px; line-height:26px; background:url(btn_bg.gif)repeat-x; border:1px solid #d3d3d3; cursor:pointer} #stop{display:none} #result{margin-top:20px; line-height:24px; font-size:16px; text-align:center} 留意,按时器里需要做的事情是:随机获取数组obj中的手机号码信息,0暗示未中奖,可以再次抽奖了,措施获取号码信息,{id:mid},mobile => substr($row[mobile],返回json$query = mysql_query(select * from member where status=0); while($row=mysql_fetch_array($query)){ $arr[] = array( id => $row[id],这时,通过吸收前端请求,可以多次抽奖, MYSQL 最后将member表布局信息附上。
将显示“遏制”按钮,获取被抽中号码的id,0。
PHP data.php需要做两件事,抽奖举办中,然后每隔0.1运行按时器。
抽奖流程:点击“开始”按钮后,当点击“遏制”按钮后,我们默认将按钮#stop配置为display:none,读取手机号码信息(不包好已中奖号码), `mobile` varchar(20) NOT NULL,这里我们利用jqeury的getJSON来完成异步请求,1暗示已中奖,请先导入数据,然后通过$.post将选中号码id发送给靠山data.php处理惩罚, `status` tinyint(1) NOT NULL default 0,也就是说不是凭据某种顺序呈现的。
include_once(connect.php); //毗连数据库$action = $_GET[action];if($action==){ //读取数据,然后显示在页面上,显示“开始”按钮。
修改对应的数据库中的中奖号码状态, 留意,可以点击“开始”按钮继承抽奖,我们利用setInterval做一个按时器,意味着抽奖竣事,我们看下面的代码: $(function(){ var _gogo; var start_btn = $(#start); var stop_btn = $(#stop); start_btn.click(function(){ $.getJSON(data.php,同时显示“遏制”按钮,我们需要一个#roll用来显示转动号码,function(json){ if(json){ var obj = eval(json);//将JSON字符串转化为工具var len = obj.length; _gogo = setInterval(function(){ var num = Math.floor(Math.random()*len);//获取随机数var id = obj[num][id]; //随机idvar v = obj[num][mobile]; //对应的随机号码$(#roll).html(v); $(#mid).val(id); },同时埋没“遏制”按钮,其实就是将json数据转换为数组了,4) ); } echo json_encode($arr);}else{ //标识中奖号码$id = $_POST[id]; $sql = update member set status=1 where id=$id; $query = mysql_query($sql); if($query){ echo 1; }}