- <!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>
来源: http://www.bubuko.com/infodetail-3110713.html