博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery带次数带弹窗的大转盘抽奖代码(支持h5)
阅读量:5731 次
发布时间:2019-06-18

本文共 2596 字,大约阅读时间需要 8 分钟。

jQuery带次数带弹窗的大转盘抽奖代码(支持h5)

jQuery带次数带弹窗的大转盘抽奖代码(支持h5)

html:

您已拥有次抽奖机会,点击立刻抽奖!~

js:

$(function() {        var $btn = $('.playbtn');        var $btn02 = $('.g-lottery-img');        var $tan=$('#info');        var playnum = 1; //初始次数,由后台传入        $('.playnum').html(playnum);        var isture = 0;        var clickfunc = function() {            var data = [1, 2, 3, 4, 5];            //data为随机出来的结果,根据概率后的结果            data = data[Math.floor(Math.random() * data.length)];            switch(data) {                case 1:                    rotateFunc(1, 36, '01');                    break;                case 2:                    rotateFunc(2, 108, '02');                    break;                case 3:                    rotateFunc(3, 180, '03');                    break;                case 4:                    rotateFunc(4, 252, '04');                    break;                case 5:                    rotateFunc(5, 324, '05');                    break;            }        }        if(playnum>0)        {            $('.playbtn').addClass("playbtn02");        }        $btn.click(function() {            if(isture) return; // 如果在执行就退出            isture = true; // 标志为 在执行            //先判断是否登录,未登录则执行下面的函数            if(1 == 2) {                $('.playnum').html('0');                alert("请先登录");                isture = false;            } else { //登录了就执行下面                if(playnum <= 0) { //当抽奖次数为0的时候执行                    alert("没有次数了");                    $('.playnum').html(0);                    isture = false;                } else { //还有次数就执行                    playnum = playnum - 1; //执行转盘了则次数减1                    if(playnum <= 0) {                        playnum = 0;                    }                    $('.playnum').html(playnum);                    clickfunc();                }            }        });        var rotateFunc = function(awards, angle, text) {            isture = true;            $btn.stopRotate();            $btn02.rotate({                angle: 0,                duration: 4000, //旋转时间                animateTo: angle + 1440, //让它根据得出来的结果加上1440度旋转                callback: function() {                    isture = false; // 标志为 执行完毕                    $('#info'+text).show();                    if(playnum <= 0) { //当抽奖次数为0的时候执行                        $('.playbtn').removeClass("playbtn02");                    }                }            });        };    });

下载地址:

转载于:https://blog.51cto.com/14168515/2343488

你可能感兴趣的文章
LUA 运算笔记
查看>>
WSDL 1.1 规范
查看>>
中断中处理延时及一些函数的调用规则(中断调i2c驱动有感)--中断中的延迟delay与printk函数的冲突【转】...
查看>>
Android 所有版本区别总结(转)
查看>>
2012开源项目计划-WPF企业级应用整合平台
查看>>
Java-DateUtils工具类
查看>>
极速理解设计模式系列:20.模板方法模式(Template Method Pattern)
查看>>
对缓存的思考【续】——编写高速缓存友好代码
查看>>
nslookup命令详解【转】
查看>>
对pg_buffercache 的利用实验
查看>>
对一个程序在内存中的分析【转】
查看>>
Objective-C:动态绑定
查看>>
Jenkins发布时svn获取的是旧代码的问题
查看>>
iOS: 向Github的README.md里添加图片
查看>>
Ubuntu 中JDK的安装总结
查看>>
磁盘挂载问题:Fdisk最大只能创建2T分区的盘,超过2T使用parted
查看>>
第 2 章 Python 包管理
查看>>
[LeetCode] Isomorphic Strings 同构字符串
查看>>
4.2. yum - Yellowdog Updater Modified
查看>>
远程桌面退出全屏/不能全屏/全屏切换的技巧 笔记本电脑没有Break键怎么办?...
查看>>