js框架jquery实现的幸运大转盘抽奖程序代码,兼容多种浏览器(Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Chrome)
博客目录
- js框架jquery实现的幸运大转盘抽奖程序代码
- 实现功能截图
- 系统功能
- 使用技术
- 代码
- 写在最后
js框架jquery实现的幸运大转盘抽奖程序代码
本系统实现了一个幸运转盘抽奖,兼容多种浏览器(支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现),适合摸鱼hhh。
实现功能截图
(谷歌浏览器演示)
幸运转盘抽奖:
开始抽奖:
抽到了三等奖(hahaha)
摇了半天中了二等奖:
一等奖大奖来了:
算了,我抽了大半天没抽到。。
系统功能
本js抽奖小系统实现了以下功能:
1、继续加油
2、三等奖
3、二等奖
4、一等奖
使用技术
数据库:无
开发工具:Eclipse(Myeclispe、Idea也可以)
知识点:js+jquery+queryRotate
代码
zp.js:
function randomnum(smin, smax) {// 获取2个值之间的随机数var Range = smax - smin;var Rand = Math.random();return (smin + Math.round(Rand * Range));
}function runzp() {var data = '[{"id":1,"prize":"590大洋","v":1.0},{"id":2,"prize":"100RMB","v":2.0},{"id":3,"prize":"安慰奖","v":48.0}]';// 奖项jsonvar obj = eval('(' + data + ')');var result = randomnum(1, 100);var line = 0;var temp = 0;var returnobj = "0";var index = 0;//alert("随机数"+result);for ( var i = 0; i < obj.length; i++) {var obj2 = obj[i];var c = parseFloat(obj2.v);temp = temp + c;line = 100 - temp;if (c != 0) {if (result > line && result <= (line + c)) {index = i;// alert(i+"中奖"+line+"<result"+"<="+(line + c));returnobj = obj2;break;}}}var angle = 330;var message = "";var myreturn = new Object;if (returnobj != "0") {// 有奖message = "恭喜中奖了";var angle0 = [ 344, 373 ];var angle1 = [ 226, 256 ];var angle2 = [ 109, 136 ];switch (index) {case 0:// 一等奖var r0 = randomnum(angle0[0], angle0[1]);angle = r0;break;case 1:// 二等奖var r1 = randomnum(angle1[0], angle1[1]);angle = r1;break;case 2:// 三等奖var r2 = randomnum(angle2[0], angle2[1]);angle = r2;break;}myreturn.prize = returnobj.prize;} else {// 没有message = "再接再厉";var angle3 = [ 17, 103 ];var angle4 = [ 197, 220 ];var angle5 = [ 259, 340 ];var r = randomnum(3, 5);var angle;switch (r) {case 3:var r3 = randomnum(angle3[0], angle3[1]);angle = r3;break;case 4:var r4 = randomnum(angle4[0], angle4[1]);angle = r4;break;case 5:var r5 = randomnum(angle5[0], angle5[1]);angle = r5;break;}myreturn.prize = "继续努力!";}myreturn.angle = angle;myreturn.message = message;return myreturn;
}
写在最后
如果运行代码中遇到问题,或者需要完整源码和报告,可以加博主V交流:Code2Life2
觉得有用,记得一键三连哦!
js框架jquery实现的幸运大转盘抽奖程序代码,兼容多种浏览器(Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Chrome)相关推荐
- js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
原文:js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器 源代码下载地址:http://www.zuidaima.com/share/1779633798073344.htm 看到网页上有 ...
- asp大转盘抽奖程序代码微信大转盘asp版源码
昨天接到一个客户需求让帮忙找个asp的微信大转盘代码,我找遍全网也没找到有asp做的微信大转盘,网上基本上全是php做的大转盘,没办法受客户所托,昨晚给写了一个asp大转盘代码程序,后台设置奖项,每天 ...
- Jquery写的幸运大转盘抽奖实例,用asp.net处理的服务器逻辑,附源码下载
[实例简介] 该幸运大转盘抽奖实例已实现服务器端的业务逻辑代码,稍加改动就可以应用实际了 文件:590m.com/f/25127180-488779229-66bbf7(访问密码:551685) [实 ...
- 《用JavaScript实现幸运大转盘抽奖程序》 一
前些日子开发了一个抽奖程序,这个程序百分之九十的逻辑使用JavaScript和JQuery写的,瞬间感觉能JS学到极致,也是一种境界,虽然自己继续向这种境界前进. 首先说一下这抽奖程序的大体逻辑,首先 ...
- C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断...
C#保留2位小数几种场景总结 场景1: C#保留2位小数,.ToString("f2")确实可以,但是如果这个数字本来就小数点后面三位比如1.253,那么转化之后就会变成1.25. ...
- cocos2dx 圆盘抽奖_cocos2d编写的类似幸运大转盘抽奖源码
压缩包内容概览: cocos2d编写的类似幸运大转盘抽奖源码-帮你选择 ; 随机 ; 程序委托 ; 背高清 ; 背 ipad ; 返回 ; 默认 ; 默认@2x ; 图标-72 ; 图标@2x ; 我 ...
- PHP+AJAX开发幸运大转盘抽奖
PHP+AJAX开发幸运大转盘抽奖 PHP+AJAX开发幸运大转盘抽奖,通过奖品库存.中奖次数来计算中奖概率 奖品设置 1 $prizes = array( 2 0 => array( 3 &q ...
- php仿京东幸运大转盘抽奖,原生js vue 抽奖插件 仿京东大转盘抽京豆(原创)...
插件描述:一个基于原生 javript vue2 vue3 的大转盘抽奖插件 更新时间:2020-11-24 00:18:54 在 vue2.x / vue3.x 中使用 方式 1:通过 import ...
- 幸运大转盘抽奖(前端)
采用Lottery.js插件, 无依赖, 简单易用(复制粘贴就能用) 效果图(可自己写算法定义概率,可自己定义奖项数量和名称) html <!DOCTYPE html> <html ...
最新文章
- SAP S/4HANA BP功能
- java 枚举使用简书_java枚举类型使用和详解
- android+ip+rule+策略路由,策略路由以及使用 ip route , ip rule , iptables 配置策略路由实例...
- Python中断多重循环的两种思路
- tensorlfow.saved_model的使用
- ASP.NET入门五步详解
- Kitten编程猫的工程文件 bcm,能发布成Android平台的apk文件吗
- 闽高校计算机二级c语言模拟器,闽高校计算机二级C语言模拟卷及答案.doc
- java的for循环
- CBT的完整形式是什么?
- mysql not in 性能_SQL中Execpt和not in 性能区别
- 20-10-010-安装-kafka_2.11-1.1.0-单节点测试
- 昨天做的事情和今天需要做的事情
- e1载波把32个信道按_什么是Wi-Fi 6?这12个问题为你讲清楚
- cknife连接失败
- linux服务器22端口不通,怎么解决linux的端口不通问题
- 设计模式之观察者模式(Observable与Observer)
- Centos6.5更新e1000网卡驱动
- 高数笔记(三):函数的连续性和间断性,闭区间上连续函数的性质
- 欧文分校计算机新sat多少分录取,加州大学欧文分校留学托福成绩要求95分 SAT1800分...