<strike id="ogc2g"></strike>

<del id="ogc2g"></del>

jQuery帶次數帶彈窗的大轉盤抽獎代碼（支持h5）

PumpkinDylan 發布于2019-08-23 16:31 / 1285人閱讀

摘要：您已擁有次抽獎機會，點擊立刻抽獎開始抽獎初始次數，由后臺傳入為隨機出來的結果，根據概率后的結果如果在執行就退出標志為在執行先判斷是否登錄未登錄則執行下面的函數請先登錄登錄了就執行下面當抽獎次數為的時候執行沒有次數了還有次

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://u18725144.ctfile.com/...

云服務器 GPU云服務器 php大轉盤抽獎代碼帶彈窗彈窗的js 轉盤抽獎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103108.html

jQuery帶次數帶彈窗的大轉盤抽獎代碼（支持h5）

摘要：您已擁有次抽獎機會，點擊立刻抽獎開始抽獎初始次數，由后臺傳入為隨機出來的結果，根據概率后的結果如果在執行就退出標志為在執行先判斷是否登錄未登錄則執行下面的函數請先登錄登錄了就執行下面當抽獎次數為的時候執行沒有次數了還有次 showImg(https://segmentfault.com/img/bVbqAdu); showImg(https://segmentfault.com/img...

lemon 2019-08-02 16:10 評論0 收藏0
jQuery帶次數帶彈窗的大轉盤抽獎代碼（支持h5）

摘要：您已擁有次抽獎機會，點擊立刻抽獎開始抽獎初始次數，由后臺傳入為隨機出來的結果，根據概率后的結果如果在執行就退出標志為在執行先判斷是否登錄未登錄則執行下面的函數請先登錄登錄了就執行下面當抽獎次數為的時候執行沒有次數了還有次 showImg(https://segmentfault.com/img/bVbqAdu); showImg(https://segmentfault.com/img...

Hydrogen 2019-08-30 15:43 評論0 收藏0
jquery.rotate.js實現可選抽獎次數和中獎內容的轉盤抽獎代碼

摘要：需求抽獎代碼最多可以抽獎次，而且，每次只會中元理財金或者謝謝參與，其它的不會抽中哈哈，果然都是套路。需求：抽獎代碼最多可以抽獎5次，而且，每次只會中“2000元理財金”或者“謝謝參與”，其它的不會抽中（哈哈，果然都是套路）。效果如下：一、頁面結構： ? 1 2 3 4 5 6 7 8 9 10 11 12 您已...

番茄西紅柿 2019-04-23 11:43 評論0 收藏0
HTML5 Canvas圓盤抽獎應用DEMO

摘要：圓盤抽獎應用頁面圓盤抽獎應用演示抱歉瀏覽器不支持。 HTML5 Canvas圓盤抽獎應用DEMO html頁面 HTML5 Canvas圓盤抽獎應用DEMO演示抱歉！瀏覽器不支持。抱歉！瀏覽器不支持。抱歉！瀏覽器...

sunsmell 2019-08-30 13:20 評論0 收藏0