jquery抽奖程序
jquery抽奖程序
孤月蓝风 发表于1个月前
jquery抽奖程序
  • 发表于 1个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云实验室 1小时搭建人工智能应用,让技术更容易入门 免费体验 >>>   

var runTime;//定时器
var runStart=0;//色块位置
var runSpeed=60;//速度
var tt=1;//曲线运动当前时间
var chouLength=10;//奖品数量
var is_stop = 0;
var run_stop;//定时器2
$(function(){
    $("#chou-btn").click(function(){
        {if $_userid}
        suiji=$.ajax({url:"...",async:false,cache:false});
        suiji=suiji.responseText;
        $("#iframebg").show();
        runRotate(runStart);
        window.setTimeout(stopRotate(suiji),1000);
        check();
        {else}
        alert("您还未登录,请登录后再进行抽奖。");
        {/if}
    })
})

//检查
function check() {
    window.clearInterval(run_stop);
    if (is_stop == 1) {
        check_stop();
    } else {
        run_stop = setInterval(function(){check();},500);
    }
}

//开始旋转
function runRotate(i){
    clearInterval(runTime);
    $("#chou-lumps li").eq(i).addClass("current").siblings().removeClass("current");
    if(runStart<chouLength){
        runStart++;
    }else{
        runStart=0;
    }
    runTime=setInterval(function(){
        runRotate(runStart);
    },runSpeed);
}
//停止旋转
function stopRotate(i){
    clearInterval(runTime);
    var cur=$("#chou-lumps li").index($("#chou-lumps li.current")[0]);
    var index=i-cur+33;
    var next=cur;
    if(next==chouLength){next=0;}
    easeOutQuad(index,next);
}
//减速旋转
function easeOutQuad(index,cur) {
    clearInterval(runTime);
    $("#chou-lumps li").eq(cur).addClass("current").siblings().removeClass("current");
    if(runStart<10){
        runStart++;
    }else{
        runStart=0;
    }
    index--;
    if(index!=0){
        tt++;
        runTime=setInterval(function(){
            easeOutQuad(index,runStart);
        },easeOut(tt,60,120,25));
    }else{
        runSpeed=60;
        tt=1;
        $("#iframebg").hide();
        is_stop=1;
    }
}
//曲线算法,减速值
function easeOut(t,b,c,d){
    return c*(t/=d)*t*t + b;
}
//判断是否停止
function check_stop() {
    var jiangpin = parseInt(suiji) + 1 ;
    alert("您抽到了第" + jiangpin + "个奖品!");
    window.location.href="..."+suiji;
}
共有 人打赏支持
粉丝 8
博文 70
码字总数 36962
×
孤月蓝风
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: