zepto移动端app九宫格抽奖

• code
• source

    var beginBtn = true;//是否可以抽奖
    var lotteryNum = 3;//可抽奖次数
    var lotteryArray = [0,1,2,4,7,6,5,3] //定义抽象顺序
    var lotteryIndex = 0;//当前的奖品位置
    var lotteryTime = 3000;//抽奖的时间，为了随机上下会浮动1-2秒
    var timer = null; //抽奖定时器
    var result = [];//最终的抽奖结果，看控制台
    $('#begin').click(function(){
        // 有抽奖次数且状态为可抽奖才能点击，防止抽奖过程中再次点击
        if(beginBtn){
            // 判断是否还有抽奖次数
            if(lotteryNum==0){
                alert("你的抽奖次数已用尽！")
                return
            }
            // 把抽奖状态设置为不可点击
            beginBtn = false
            //抽奖次数递减
            lotteryNum--
            $('#begin span').text(lotteryNum)
            $('#begin').addClass('clicked')
            // 抽奖定时器开始
            timer = setInterval(function(){
                    $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).removeClass('active');
                    lotteryIndex++; 
                    if (lotteryIndex >= 8) {
                        lotteryIndex = 0;
                    }
                    $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).addClass('active');
            },100)
            // 结束抽奖
            setTimeout(function(){
                $('#begin').removeClass('clicked')
                clearInterval(timer);
                if(lotteryNum>=0){
                    beginBtn = true
                }
                // 最终中奖结果
                var currentResult = $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).find('p').text();
                // 把每次结果加入到数组中
                result.push(currentResult)
                // 移除中奖效果
                $('.lottery ul li.item').removeClass('active');
                alert("恭喜你抽中："+currentResult)
                console.log(result)
            }, Math.round(Math.random() * lotteryTime) + 1000)
        }
    })
    // 点击最终中奖按钮,没有页面 这里只做简单提示
    $('.foot .goods').click(function(){
        if(result.length==0){
            alert("你的奖品空空如也,快去抽奖吧！")
            return
        }else{
            alert("你共抽中了："+result.join())    
        }
    })

    var beginBtn = true;//是否可以抽奖
    var lotteryNum = 3;//可抽奖次数
    var lotteryArray = [0,1,2,4,7,6,5,3] //定义抽象顺序
    var lotteryIndex = 0;//当前的奖品位置
    var lotteryTime = 3000;//抽奖的时间，为了随机上下会浮动1-2秒
    var timer = null; //抽奖定时器
    var result = [];//最终的抽奖结果，看控制台
    $('#begin').click(function(){
        // 有抽奖次数且状态为可抽奖才能点击，防止抽奖过程中再次点击
        if(beginBtn){
            // 判断是否还有抽奖次数
            if(lotteryNum==0){
                alert("你的抽奖次数已用尽！")
                return
            }
            // 把抽奖状态设置为不可点击
            beginBtn = false
            //抽奖次数递减
            lotteryNum--
            $('#begin span').text(lotteryNum)
            $('#begin').addClass('clicked')
            // 抽奖定时器开始
            timer = setInterval(function(){
                    $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).removeClass('active');
                    lotteryIndex++; 
                    if (lotteryIndex >= 8) {
                        lotteryIndex = 0;
                    }
                    $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).addClass('active');
            },100)
            // 结束抽奖
            setTimeout(function(){
                $('#begin').removeClass('clicked')
                clearInterval(timer);
                if(lotteryNum>=0){
                    beginBtn = true
                }
                // 最终中奖结果
                var currentResult = $('.lottery ul li.item').eq(lotteryArray[lotteryIndex]).find('p').text();
                // 把每次结果加入到数组中
                result.push(currentResult)
                // 移除中奖效果
                $('.lottery ul li.item').removeClass('active');
                alert("恭喜你抽中："+currentResult)
                console.log(result)
            }, Math.round(Math.random() * lotteryTime) + 1000)
        }
    })
    // 点击最终中奖按钮,没有页面 这里只做简单提示
    $('.foot .goods').click(function(){
        if(result.length==0){
            alert("你的奖品空空如也,快去抽奖吧！")
            return
        }else{
            alert("你共抽中了："+result.join())    
        }
    })