Jquery仿彩票更换数字动画效果

<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        var y=3;
        $("input").click(function(event) {
            $("ul li").each(function(index, el) {
                ///开始///随机函数
                function createRandom(num ,from ,to )
                {
                    var arr=[];
                    for(var i=from;i<=to;i++)
                        arr.push(i);
                    arr.sort(function(){
                        return 0.5-Math.random();
                    });
                    arr.length=num;
                    return arr;
                }
                 
                function createRandom2(num , from , to)
                {
                    var arr=[];
                    var json={};
                    while(arr.length<num)
                    {
                        //产生单个随机数
                        var ranNum=Math.ceil(Math.random()*(to-from))+from;
                        //经过判断json对象的索引值是否存在 来标记 是否重复                    
                        if(!json[ranNum])
                        {
                            json[ranNum]=1;
                            arr.push(ranNum);
                        }                             
                    }
                    return arr;         
                }
                ///结束///随机函数
                var arr=[];//声明一个空的数组
                arr=createRandom2(7,1,33)/*将随机生成的0-33的7个数字赋值给arr*/
                //定义了sort的比较函数将arr数组里面的数字
                arr.sort(function(a,b){
                    return a-b;
                });
                //利用循环让每一个li取到arr数组的值
                for(var i=0;i<=$("ul li").size();i++){                         
                    $("ul li").eq(i).text(arr[i]);
                }
                /*每一个圆转的度数等于  y*360*/
                y++;
                $("ul li").eq(index).css({
                    "transform": 'rotate('+y*360+'deg)',
                    "-moz-transform": 'rotate('+y*360+'deg)',
                    "-webkit-transform": 'rotate('+y*360+'deg)',
                    "-o-transform": 'rotate('+y*360+'deg)',
                    "-s-transform": 'rotate('+y*360+'deg)'
                });
            });
            //判断随机生成的是否是小于10若是是的就给前面加上0如生成的是1那么就显示01
            $("ul li").each(function(index, el) {
                if (parseInt($(this).text())<10) {
                    var cc=$(this).text();
                    $(this).text("0"+cc)
                };
            });
        });
    });
</script>
相关文章
相关标签/搜索