大转盘微信抽奖大转盘抽来的能赠送好友吗

前端/UI相关(1)
点击“开始抽奖”,异步到后台请求抽奖结果,指针根据后台返回的结果指向奖项。
jquery以及jquery.rotate.min.js
class="rotary-main"&
class="rotary-list"&
class="prize item1"& src="&ls:templateResource item='/resources/templets/goat/images/thanks.png'/&"&&
class="prize item2"& src="&ls:templateResource item='/resources/templets/goat/images/first-prize.png'/&"&&
class="prize item3"& src="&ls:templateResource item='/resources/templets/goat/images/thanks.png'/&"&&
class="prize item4"& src="&ls:templateResource item='/resources/templets/goat/images/third-prize.png'/&"&&
class="prize item5"& src="&ls:templateResource item='/resources/templets/goat/images/thanks.png'/&"&&
class="prize item6"& src="&ls:templateResource item='/resources/templets/goat/images/second-prize.png'/&"&&
class="prize item7"& src="&ls:templateResource item='/resources/templets/goat/images/thanks.png'/&"&&
class="prize item8"& src="&ls:templateResource item='/resources/templets/goat/images/third-prize.png'/&"&&
class="rotary-btn" &&
其中li标签的是图片,这里需注意,rotary-btn则是“开始抽奖”按钮。
1.写转盘转动的方法
function scollRote(angles){
$(".rotary-btn").rotate({
animateTo:angles+1800,
duration:6000,
callback:function (){}
参数:angles是转动的角度,主要是根据后台返回的结果控制指针转向,
duration转盘转动的时间。。。。
具体参数可参考rotate插件的用法。
转动的角度,需自己根据图片多少计算计算,
1.开始抽奖绑定事件
function bind(){
$(".rotary-btn").bind("click",function(){
btnRotate();
2.抽奖:异步请求,根据返回结果调用转盘转动的方法,并控制指针指向
function btnRotate(){
$(".rotary-btn").unbind("click");
type:'post',
async : true,
dataType : 'json',
error: function(jqXHR, textStatus, errorThrown) {
beforeSend:function(){},
success:function(data){
var animateTo=[0,90,180,270];
scollRote(animateTo[Math.floor(Math.random()*animateTo.length)]);
setTimeout(function(){
注:这里指针指向图片的角度需自己计算,一圈360,可根据图片的个数进行相除
简单抽奖概率逻辑:
比如20/100;
int randomNum = 0;
Random rand = new Random();
for(int i = 0 ;i&i++){
randomNum = (int)(rand.nextInt(fm));
if(randomNum==1||randomNum==2||randomNum==3){
其中fz是20,fm是100,如果随机数返回1,2,3就代表中奖
除此简单逻辑也可以复制做,设置中奖期间,随机数返回某个期间就代表某个奖项。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:9881次
排名:千里之外
原创:27篇
(2)(3)(3)(3)(2)(5)(7)(11)400-960-2272
1人人投会员使用0分积分可参与抽奖一次; (积分规则详见积分商城)
2本次活动中奖结果随机产生,本着公正、公开、公平的原则,即开即奖;
3用户中奖后,请务必填写个人联系信息,并保持关注活动动态,以便及时收到系统通知,顺利收到奖品;
4 每月1—15号中奖礼品当月20号发,16—31号中奖礼品次月5号发,由于快递送货可能会有延迟,此时间会略有浮动,中奖礼品订单详情可以在个人中心>消费明细>中奖订单查看 , 如有任何疑问,请拨打咨询电话:400-960-2272
5本次抽奖活动最终解释权归人人投网络科技有限公司所有。
分享给好友,邀请好友一起抽大奖。
一键分享:
您的当前积分:
请您填写收货地址及个人电话信息,以便我们将礼品邮寄给您!
*详细地址:
*邮政编码:
*收货人姓名:
*手机号码:
请核查确保您的地址和电话信息无误,我们会尽快安排给您发货,请您耐心等待!
如有疑问,请拨打客户服务热线:400-960-2272
400-960-2272
服务时间: 周一到周五9:00—21:00(法定节假日除外)
版权所有:北京人人投网络科技有限公司
京ICP证140078号
京ICP备号-7
手机APP下载
扫描关注微信
人人投APP扫码登录
下次自动登录
没有账号?

我要回帖

更多关于 幸运大转盘抽奖活动 的文章

 

随机推荐