jQuery帶次數(shù)帶彈窗的大轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼（支持h5）

Hydrogen 發(fā)布于2019-08-30 15:43 / 1938人閱讀

摘要：您已擁有次抽獎(jiǎng)機(jī)會(huì)，點(diǎn)擊立刻抽獎(jiǎng)開(kāi)始抽獎(jiǎng)初始次數(shù)，由后臺(tái)傳入為隨機(jī)出來(lái)的結(jié)果，根據(jù)概率后的結(jié)果如果在執(zhí)行就退出標(biāo)志為在執(zhí)行先判斷是否登錄未登錄則執(zhí)行下面的函數(shù)請(qǐng)先登錄登錄了就執(zhí)行下面當(dāng)抽獎(jiǎng)次數(shù)為的時(shí)候執(zhí)行沒(méi)有次數(shù)了還有次

html：


    
        您已擁有次抽獎(jiǎng)機(jī)會(huì)，點(diǎn)擊立刻抽獎(jiǎng)！~

js：

$(function() {
    var $btn = $(".playbtn");
    var $btn02 = $(".g-lottery-img");
    var $tan=$("#info");
    var playnum = 1; //初始次數(shù)，由后臺(tái)傳入
    $(".playnum").html(playnum);
    var isture = 0;
    var clickfunc = function() {
        var data = [1, 2, 3, 4, 5];
        //data為隨機(jī)出來(lái)的結(jié)果，根據(jù)概率后的結(jié)果
        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; // 如果在執(zhí)行就退出
        isture = true; // 標(biāo)志為 在執(zhí)行
        //先判斷是否登錄,未登錄則執(zhí)行下面的函數(shù)
        if(1 == 2) {
            $(".playnum").html("0");
            alert("請(qǐng)先登錄");
            isture = false;
        } else { //登錄了就執(zhí)行下面
            if(playnum <= 0) { //當(dāng)抽獎(jiǎng)次數(shù)為0的時(shí)候執(zhí)行
                alert("沒(méi)有次數(shù)了");

                $(".playnum").html(0);
                isture = false;
            } else { //還有次數(shù)就執(zhí)行

                playnum = playnum - 1; //執(zhí)行轉(zhuǎn)盤(pán)了則次數(shù)減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, //旋轉(zhuǎn)時(shí)間
            animateTo: angle + 1440, //讓它根據(jù)得出來(lái)的結(jié)果加上1440度旋轉(zhuǎn)
            callback: function() {
                isture = false; // 標(biāo)志為 執(zhí)行完畢
                $("#info"+text).show();
                if(playnum <= 0) { //當(dāng)抽獎(jiǎng)次數(shù)為0的時(shí)候執(zhí)行
                    $(".playbtn").removeClass("playbtn02");
                }

            }
        });
    };
});

下載地址：https://u18725144.ctfile.com/...

GPU云服務(wù)器云服務(wù)器 php大轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼帶彈窗彈窗的js 轉(zhuǎn)盤(pán)抽獎(jiǎng)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/116039.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Hydrogen

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow正則化

閱讀 2984·2023-04-26 00:23
華為鴻蒙 HarmonyOS 將推出數(shù)字人民幣原子化服務(wù)：支持收付款，卡片一鍵流轉(zhuǎn)到智能手表

閱讀 3399·2021-09-13 10:28
搬瓦工VPS：DC2機(jī)房CN2 VPS整理，電信雙程CN2 GT，聯(lián)通/移動(dòng)雙程直連

閱讀 2178·2021-08-31 14:18
記美國(guó)面試經(jīng)驗(yàn)，前端開(kāi)發(fā)，提前預(yù)告，目前已經(jīng)進(jìn)背調(diào)了

閱讀 2884·2019-08-30 15:54
jQuery帶次數(shù)帶彈窗的大轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼（支持h5）

閱讀 1939·2019-08-30 15:43
如何居中一個(gè)元素（終結(jié)版）

閱讀 1276·2019-08-29 16:56
NPM酷庫(kù)：classnames 快速組合CSS類(lèi)

閱讀 2799·2019-08-29 14:16
Y分鐘學(xué)CSS

閱讀 2053·2019-08-28 17:51

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

jQuery帶次數(shù)帶彈窗的大轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼（支持h5）

您已擁有次抽獎(jiǎng)機(jī)會(huì)，點(diǎn)擊立刻抽獎(jiǎng)！~

相關(guān)文章