今天小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)帶彈窗和次數(shù)的轉(zhuǎn)盤抽獎(jiǎng)的文章。小編覺得挺不錯(cuò)的，為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)汨羅,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

html：

<div class="g-content">
<div class="g-lottery-case">
    <div class="g-left">
        <h3>您已擁有<span class="playnum"></span>次抽獎(jiǎng)機(jī)會(huì)，點(diǎn)擊立刻抽獎(jiǎng)！~</h3>
        <div class="g-lottery-box">
            <div class="g-lottery-img">

            </div>
            <a class="playbtn" href="javascript:;" title="開始抽獎(jiǎng)"></a>
        </div>
    </div>
</div>
</div>

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ī)出來的結(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("沒有次數(shù)了");

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

                playnum = playnum - 1; //執(zhí)行轉(zhuǎ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ù)得出來的結(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");
                }

            }
        });
    };
});

以上就是jQuery實(shí)現(xiàn)帶彈窗和次數(shù)的轉(zhuǎn)盤抽獎(jiǎng)的具體操作，代碼應(yīng)該是足夠清楚的，而且我也相信有相當(dāng)?shù)囊恍├涌赡苁俏覀內(nèi)粘９ぷ骺赡軙?huì)見得到的。通過這篇文章，希望你能收獲更多。

分享文章：jQuery實(shí)現(xiàn)帶彈窗和次數(shù)的轉(zhuǎn)盤抽獎(jiǎng)
當(dāng)前地址：http://www.chinadenli.net/article2/iiicic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、企業(yè)網(wǎng)站制作、軟件開發(fā)、網(wǎng)站維護(hù)、微信公眾號(hào)、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)