抽奖大转盘

最新推荐文章于 2018-10-19 21:32:00 发布
最新推荐文章于 2018-10-19 21:32:00 发布
阅读量301 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangzhenkun94/article/details/77836028
版权
//大转盘抽奖
     var i, msg, Log, rep;
     var dial_start ={
         index:- 1, //当前转动到哪个位置，起点位置
         count: 0, //总共有多少个位置
         timer: 0, //setTimeout的ID
         speed: 20, //初始转动速度
         times: 0, //转动次数
         cycle: 50, //转动基本次数:至少需要转动多少次再进入抽奖环节
         prize:- 1, //中奖位置
         init: function( Class){ //初始化
             if( $( "."+ Class). find( ".start_li"). length> 0){
                 $dial_start = $( "."+ Class);
                 $units = $dial_start. find( ".start_li");
                 this. obj = $dial_start;
                 this. count = $units. length;
                 $dial_start. find( ".start_li_"+ this. index). find( ".start_mask"). addClass( "active");
            };
        },
         roll: function(){ //转动
             var index = this. index;
             var count = this. count;
             var dial_start = this. obj;
             $( dial_start). find( ".start_li_"+ index). find( ".start_mask"). removeClass( "active");
             index += 1;
             if( index > count- 1){
                 index = 0;
            };
             $( dial_start). find( ".start_li_"+ index). find( ".start_mask"). addClass( "active");
             this. index = index;
             return false;
        },
         stop: function( index){
             this. prize = index;
             return false;
        }
    };
     function roll(){
         dial_start. times += 1;
         dial_start. roll(); //转动过程调用的是dial_start的roll方法，这里是第一次调用初始化
         if ( dial_start. times > dial_start. cycle+ 10 && dial_start. prize== dial_start. index) {
             clearTimeout( dial_start. timer);
             dial_start. prize=- 1;
             dial_start. times= 0;
             click= false;
             clicks = false;
             popTipShow. alert( '', msg, [ '确定'], function( e){
                 var button = $( e. target). attr( 'class');
                 if( button == 'ok'){
                     this. hide();
                 }
            });
             $. ajax({
                 type: "GET",
                 url:Url+ "wap/Award/awardLog",
                 async: true,
                 data:{
                },
                 dataType: "json",
                 success: function( result){
                     if( result. code == 200){
                         Log = result. data;
                         $( ".winners_con"). remove();
                         $( Log). each( function( index, data){
                             $( ".winners"). append( "<div class='winners_con'><span>"+ data[ 'datetime']+ "</span><span>"+ data[ 'awardname']+ "</span></div>");
                        });
                         console. log( result. data);
                    } else{
                         console. log( result. message);
                    }
                }
            });
        } else{
             if ( dial_start. times< dial_start. cycle) {
                 dial_start. speed -= 10;
            } else if( dial_start. times== dial_start. cycle) {
                     dial_start. prize = i- 1;
            } else{
                 if ( dial_start. times > dial_start. cycle+ 10 && (( dial_start. prize== 0 && dial_start. index== 7) || dial_start. prize== dial_start. index+ 1)) {
                     dial_start. speed += 110;
                } else{
                     dial_start. speed += 20;
                }
            }
             if ( dial_start. speed< 40) {
                 dial_start. speed= 40;
            };
             dial_start. timer = setTimeout( roll, dial_start. speed); //循环调用
        }
         return false;
    };
     var click= false;
     var clicks = false;
     window. onload= function(){
         $( "#start_open"). click( function(){
             if( click == false){
                 $. ajax({
                     type: "GET",
                     url:Url+ "wap/Award/award",
                     async: true,
                     data:{
                    },
                     dataType: "json",
                     success: function( result){
                         if( result. code == 200){
                             rep = result[ 'data'][ 'repository'];
                             popTipShow. alert( '', "已消耗"+ rep+ "个葡萄", [ '确定'], function( e){
                                 var button = $( e. target). attr( 'class');
                                 if( button == 'ok'){
                                     this. hide();
                                 }
                            }); 
                             ware();
                             i = result[ 'data'][ 'rid'];
                             dial_start. init( 'dial_start');
                             msg = result. message;
                        } else if( result. code == 0){
                             popTipShow. alert( '', result. message, [ '确定'], function( e){
                                 var button = $( e. target). attr( 'class');
                                 if( button == 'ok'){
                                     this. hide();
                                 }
                            }); 
                        } else if( result. code == - 1){
                             //能否抽奖
                             popTipShow. alert( '', result. message, [ '确定'], function( e){
                                 var button = $( e. target). attr( 'class');
                                 if( button == 'ok'){
                                     this. hide();
                                 }
                            });
                             click = true;
                        }
                    }
                });
            };
             if ( click) { //click控制一次抽奖过程中不能重复点击抽奖按钮，后面的点击不响应
                 return false;
            } else{
                 dial_start. speed= 100;
                 roll(); //转圈过程不响应click事件，会将click置为false
                 click= true; //一次抽奖完成后，设置click为true，可继续抽奖
                 clicks = true;
                 return false;
            };
        });
    };


你好陌生人啦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue实现抽奖大转盘
shyyyl的博客
08-03 2962
1. 实现原理 实际解决用户需求：当用户点击抽奖时，会请求接口获取中奖的奖品信息，前端根据中奖编号进行修改css样式，让转盘旋转，调整角度对应后端返回的奖品。如果抽奖有多次机会的话，每次需要抽奖结束后需要重置角度 2.html 代码 .wheel img.turntable( src='@/assets/img/second-anniversary/turntable.png' :style="{transform:'rotate('+rotateAngle+'deg)',tra
抽奖之手机大转盘
热门推荐
weixin_33889245的博客
05-06 4万+
直接看效果点这里 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1...
轮盘抽奖-含源码(C++,Gdi+)
01-23
VS2010的项目工程，C++编程语言，MFC可视化框架，以及运用Gdi+编写的不规则图形界面的抽奖程序，支持内定
适合应用于卜卦 抽奖等场合的大转盘动画特效ppt模板.rar
09-10
卜卦大转盘，抽奖大转盘，点击按钮开始，再次点击停止，大转盘ppt动画特效模板。
抽奖活动大转盘源码
04-10
抽奖活动大转盘 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>现金转不停</title> <link href="css/mui.min.css" rel="stylesheet"/> <link href="css/component.css" rel="stylesheet" type="text/css"> <link href="css/award.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/animate.min.css"/> </head> <body> <input type="hidden" name="gamed" id="gamed" value="{{gamed}}" /> <input type="hidden" name="gameState" id="gameState" value="{{gameState}}" /> <input type="hidden" name="cardCode" id="cardCode" value="{{cardCode}}" /> <input type="hidden" name="mId" id="mId" value="{{mId}}" /> <!-------------抽奖页面-------------->
模拟轮盘抽奖
09-14
模拟轮盘抽奖的小游戏，简单实用，是delphi7版本的 ，其他也能。
大转盘抽奖游戏源码(完整版)
04-30
微信大转盘抽奖游戏，完无错版，包括微信分享统计的功能。
抽奖大转盘demo.zip
03-27
抽奖大转盘是一种常见的互动元素，常用于手机应用程序和网页中的营销活动，旨在吸引用户参与并增加用户黏性。这个"抽奖大转盘demo.zip"文件提供了一个基本的实现示例，适合在移动端展示。接下来，我们将深入探讨其中...
自动抽奖大转盘
11-04
"自动抽奖大转盘"是一种常见的互动营销工具，常用于线上活动、商场促销等场景，以吸引用户参与并增加活动趣味性。这个标题暗示我们将探讨如何实现这样的功能，特别是自动化抽奖的过程。 大转盘抽奖系统的核心是...
jQuery移动端抽奖大转盘代码
06-24
在移动互联网时代，为了吸引用户关注和参与活动，很多企业会使用抽奖大转盘作为互动方式。本资源提供了一个基于jQuery实现的移动端抽奖大转盘代码，非常适合用于开发具有吸引力的移动应用或网页活动。接下来，我们将...
高并发下的抽奖优化
zhoxing
12-20 1万+
一. 项目思考由于项目发起了一个抽奖活动，发起活动之前给所有用户发短信提示他们购买了我们的产品有抽奖权益。然后用户上来进入抽奖页面点击爆增，过了一会儿页面就打不开了。后面查看了下各种日志，发现了瓶颈在数据库，由于读写冲突严重，导致响应变慢，有不少连接都超时了。后面看到监控和日志留下的数据，发现负责抽奖的微服务集群qps暴涨12倍，db的qps也涨了10倍。这很明显是一个高并发下如何摆脱数据库读写，I
抽奖转盘-轮盘
weixin_30794491的博客
10-19 123
需要有一个容器 指针放到容器合适的位置 然后容器进行旋转 转载于:https://www.cnblogs.com/yelaiju/p/9818958.html
算法十一：大转盘
闲狗的博客
05-25 3648
问题描述 邓老师有一个大转盘，被平分成了 2^n 份。 邓老师还有一个长度为 2^n 的数组 a（下标从 0 开始），其中的每个元素都是 0 或 1。于是邓老师就可以选择大转盘上的一个位置，将 a[0] 填入其中，然后按顺时针顺序依次将 a[1],a[2],…,a[2^n-1] 填入。 对于大转盘上的一个指定位置，邓老师可以从它开始，取出顺时针方向的 n 个位置，并将它们按原顺序拼接起来，得...
抽奖程序 C/C++
小哥哥咯的博客
08-08 4586
#include<stdio.h> #include<stdio.h> #define MAX 20 int FLAG[MAX]; int count; void select(int *people,int count); void show(int *show,int count); int main(void) { int people[MAX],i; srand((unsig
python抽奖大转盘
最新发布
12-31
抽奖大转盘是一种常见的游戏形式，可以通过随机选择一个方框来进行抽奖。下面是一个使用Python实现抽奖大转盘的例子： ```python import tkinter import threading import time # 定义转盘的方框数量 box_num = 8 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值