pc端转盘抽奖活动(兼容ie7)


    var playnum = 1; //初始次数,由后台传入
    var isture = 0;
    var clickfunc = function () {
        var data = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        //data为根据概率后的结果
        //data = data[Math.floor(Math.random() * data.length)];
        data = 1;
        var $trophy = $('.trophy');
        switch (data) {
            case 1:
                rotateFunc(1, 0, '大疆无人机')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t04.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得大疆无人机一台!');
                    hj();
                }, 4500);
                break;
            case 2:
                rotateFunc(2, 280, '小米电视')//角度数表示图片逆时针从箭头数第几个*40
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t05.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得小米电视一台!');
                    hj();
                }, 4500);
                break;
            case 3:
                rotateFunc(3, 200, '九阳原汁机')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t06.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得九阳原汁机一台!');
                    hj();
                }, 4500);
                break;
            case 4:
                rotateFunc(4, 120, '格力空调扇')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t07.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得格力空调扇一台!');
                    hj();
                }, 4500);
                break;
            case 5:
                rotateFunc(5, 40, '美的电烤箱')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t08.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得美的电烤箱一台!');
                    hj();
                }, 4500);
                break;
            case 6:
                rotateFunc(6, 80, '小米充电宝')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t09.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得小米充电宝一个!');
                    hj();
                }, 4500);
                break;
            case 7:
                rotateFunc(7, 160, '50元话费券')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                           .find('img').attr('src', '/images/Turntable/t10.png').removeClass('regret').end()
                           .find('p').text('恭喜您,获得50元话费券一张!');
                    hj();
                }, 4500);
                break;
            case 8:
                rotateFunc(8, 320, '5元返金券')
                setTimeout(function () {
                    $trophy.find('h2').text('中奖啦!').end()
                         .find('img').attr('src', '/images/Turntable/t11.png').removeClass('regret').end()
                             .find('p').text('恭喜您,获得5元返金券一张!');
                    hj();
                }, 4500);
                break;
            case 9:
                rotateFunc(4, 240, '谢谢参与')
                setTimeout(function () {
                    $trophy.find('h2').text('很遗憾~').end()
                           .find('img').attr('src', '/images/Turntable/t03.png').addClass('regret').end()
                           .find('p').text('本次未中奖,谢谢参与');
                    hj();
                }, 4500);
                break;
        }
    }


 $("#arrows").click(function () {
        if (isture) return; // 如果在执行就退出
        isture = true; // 标志为 在执行
        //先判断是否登录,未登录则执行下面的函数
        if ($('#login').length>0){
            window.location.href = '/UserManage/Money/Inpour.aspx';
        } else { //登录了就执行下面
            if (playnum <= 0) {
                notrophy();
                isture = false;
            } else {
                playnum = playnum - 1; //执行转盘了则次数减1
                if (playnum <= 0) {
                    playnum = 0;
                }
                clickfunc();
            }
        }
    })

用的jQueryRotate.2.2.js插件




相关文章: