Lucky Wheel - Lottery program implemented in jQuery PHP - under improvement
Jul 06, 2016 pm 01:28 PM
Jump to
[1]
[Full screen preview]
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>小雨在線網(wǎng)站自營(yíng)銷研究</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>--> <script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script> <script type="text/javascript" src="js/jQueryRotate.2.2.js"></script> <script type="text/javascript" src="js/jquery.easing.min.js"></script> <script type="text/javascript"> $(function () { $("#startbtn").click(function () { lottery(); }); }); function lottery() { $.ajax({ type: 'POST', url: 'data.php', dataType: 'json', cache: false, error: function () { alert('出錯(cuò)了!'); return false; }, success: function (json) { $("#startbtn").unbind('click').css("cursor", "default"); var a = json.angle; //角度 var p = json.prize; //獎(jiǎng)項(xiàng) $("#startbtn").rotate({ duration: 3000, //轉(zhuǎn)動(dòng)時(shí)間 angle: 0, animateTo: 1800 + a, //轉(zhuǎn)動(dòng)角度 easing: $.easing.easeOutSine, callback: function () { var con = confirm('恭喜你,中得' + p + '\n還要再來(lái)一次嗎?'); if (con) { lottery(); } else { return false; } } }); } }); } </script> </head> <body class="keBody"> <h1 class="keTitle">小雨在線網(wǎng)站自營(yíng)銷研究</h1> <div class="kePublic"> <!--效果html開(kāi)始--> <div class="demo"> <div id="disk"></div> <div id="start"><img src="images/start.png" id="startbtn"></div> </div> <!--效果html結(jié)束--> </div> </body> </html> -----------data.php---------------------------------- <?php /** * Created by 小雨在線 * User: 飛天 * Date: 2016/6/22 0022 * Time: 下午 4:27 */ $prize_arr = array( '0' => array('id' => 1, 'min' => 1, 'max' => 29, 'prize' => '一等獎(jiǎng)', 'v' => 1), '1' => array('id' => 2, 'min' => 302, 'max' => 328, 'prize' => '二等獎(jiǎng)', 'v' => 2), '2' => array('id' => 3, 'min' => 242, 'max' => 268, 'prize' => '三等獎(jiǎng)', 'v' => 5), '3' => array('id' => 4, 'min' => 182, 'max' => 208, 'prize' => '四等獎(jiǎng)', 'v' => 7), '4' => array('id' => 5, 'min' => 122, 'max' => 148, 'prize' => '五等獎(jiǎng)', 'v' => 10), '5' => array('id' => 6, 'min' => 62, 'max' => 88, 'prize' => '六等獎(jiǎng)', 'v' => 25), '6' => array('id' => 7, 'min' => array(32, 92, 152, 212, 272, 332), 'max' => array(58, 118, 178, 238, 298, 358), 'prize' => '七等獎(jiǎng)', 'v' => 50) ); function getRand($proArr) { $result = ''; //概率數(shù)組的總概率精度 $proSum = array_sum($proArr); //概率數(shù)組循環(huán) foreach ($proArr as $key => $proCur) { $randNum = mt_rand(1, $proSum); if ($randNum <= $proCur) { $result = $key; break; } else { $proSum -= $proCur; } } unset ($proArr); return $result; } foreach ($prize_arr as $key => $val) { $arr[$val['id']] = $val['v']; } $rid = getRand($arr); //根據(jù)概率獲取獎(jiǎng)項(xiàng)id $res = $prize_arr[$rid - 1]; //中獎(jiǎng)項(xiàng) $min = $res['min']; $max = $res['max']; if ($res['id'] == 7) { //七等獎(jiǎng) $i = mt_rand(0, 5); $result['angle'] = mt_rand($min[$i], $max[$i]); } else { $result['angle'] = mt_rand($min, $max); //隨機(jī)生成一個(gè)角度 } $result['prize'] = $res['prize']; echo json_encode($result);
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article
How to fix KB5060533 fails to install in Windows 10?
4 weeks ago
By DDD
Dune: Awakening - Where To Get Insulated Fabric
4 weeks ago
By Jack chen
Gmail Login: How to Sign Up, Sign In, or Sign Out of Gmail - MiniTool
1 months ago
By Jack chen
How to fix KB5060999 fails to install in Windows 11?
3 weeks ago
By DDD
Guild Guide In Tainted Grail: The Fall Of Avalon
4 weeks ago
By Jack chen

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
