拼图数字游戏 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<br>
<body>
<div id="b"></div>
</body>
<script>

    $(function(){
        var arr = [];//存放随机数的数组
        var divs = $('.col-md-1');

        //1 产生不重复的随机数
        function rand() {
            for(var i = 0; i < divs.length; i++) {
                var max = 16;
                var min = 1;//随意调数字，现在是1-16以内的随机数
                var rand =  Math.round(Math.random()*(max-min))+min;
                if(arr.indexOf(rand)== -1){
                    //indexOf返回值为-1表示数组中没有和新随机数重复的值
                    arr.push()
                }else{
                    //有重复的i--,不添加重复值到数组中，并再循环一次
                    i--;
                }
                return arr;

            }
        }

        //2 开始游戏
        $('#startGame').click(function() {
            rand();
            for (i in arr){
                divs.html(arr[i].value)
            }
            // //遍历放置
            // $.each(arr, function(i,val){
            //     divs.html(arr.eq(i).val);
            // }
            // $("img").each(function(index){
            //     divs.arr.push($(this).attr("src"));
            // })
        });



        // //监听鼠标拖动
        // $('divs').addEventListener('mousedown',function (ev) {
        //
        // });
    })
</script>
</body>
</html>
posted @ 2019-07-02 10:29  小丸子姐姐  阅读(164)  评论(0)  编辑  收藏  举报