素材网 素材网

jQuery数字滚动抽奖代码

下载资源()次

阅读次数()次

发布时间:2017-09-02

jQuery数字滚动抽奖代码
分享到:

用法简介:

来源:xw素材网

jQuery数字滚动抽奖代码。
文件引用:


<script>

  var myNumber;

  var arr = [];

  var code = [302610,210022,159862,158602,145635,856997,586223,546221,145213,987451,251364,854136,581698,123785,521387,752169,718954,412321,898989,121245,788565,458558,589659,455212,964632,458412,223344,112233,335566,778899];


  /*随机所有的code并且不重复*/

  function showRandomNum(num) {

    var li = "";

    for(var i = 0; i < code.length; i++){

      arr[i] = i;

    }

    arr.sort(function(){

      return 0.5 - Math.random();

    });


    for(var i = 0; i < num; i++){

      var index = arr[i];

      li += '<li>'+code[index]+'</li>';

    }


    $(".prize_list ul").html(li);

  }


  $(function () {

    $(".start").click(function(){

      if($("#prize_btn").val() == 0){        

        if($("#set_grade").val() == "选择奖等") {

            alert("请选择奖等");

            return;

        }else if($("#prizeCount").val() == "") {

            alert("请输入中奖人数");

            return;

        }else if($("#prizeCount").val() > 10) {

            alert("单次抽奖人数不能超过10人");

            return;

        }else if($("#prizeMoney").val() == "") {

            alert("请输入中奖金额");

            return;

        }else{

          $("#prize_btn").val(1);

          var num = $("#prizeCount").val();

          $(this).find("img").attr("src","images/prize_stop.png");


          myNumber = setInterval(function(){

            showRandomNum(num);

          }, 30);

        }        

      }else{

        $("#prize_btn").val(0);

        clearInterval(myNumber);

        $(this).find("img").attr("src","images/prize_start.png");

      }      

    });


    //回车键控制开始和停止

    $(document).keydown(function (event) {

        var e = event || window.event || arguments.callee.caller.arguments[0];

        if (e && e.keyCode == 13) { // enter 键

            $(".start").click();

        }

    });


    $("#set_grade").change(function(){

      $(".prize_grade span").text($(this).val());

    });


    $("#prizeMoney").keyup(function(){

      $(".prize_grade i").text($(this).val());

    });

}); 

</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。