jquery类似快乐大本营天才笨笨碰小游戏

前段时间湖南卫视的快乐大本营里有一款“天才笨笨碰”游戏非常火。这款游戏主要是考选手的声母联想词语的能力。
游戏规则：
1.如图点击开始，系统会给中间五个小块随机分配五个声母（哈哈，这边可能有些网友已经忘记声母都有哪些了。声母一共有23个：b p m f d t n l g k h j q x zh ch sh r z c s y w）
2.两位选手用这五个声母来联想词语，或句子。把含声母的色块推到对方那一边就胜利了（注意：中间的红色色块是不能动的。可以用）。在规定的时间内如果还没想到词语就换对方回答。
3.如上图，我们试玩下，可能大家比较明白游戏规则。这组的可移动声母是“ n f p t”,固定声母是“s”。假设美洋洋先开始： 美洋洋想到了“发烫”  ，声母“ f  t”就跑到灰太狼这一边。

此时。轮到灰太狼回答，灰太狼在规定时间内未想到词来回答。又轮到美洋洋回答，美洋洋回答”哪怕“  ”n p“是”哪怕“的声母，”n p“移动。这样喜美洋洋成功的把四个可移动声母推到了对方，恭喜美洋洋获得了胜利。
javascript代码
$(function () {
    $(".con a").click(function () {
        var origin1 = $(this).position().left;
        var origin2 = $(this).parent().find("span").position().left;
        $(this).animate({ "left": origin2 }, "normal", "easeOutQuart");
        $(this).parent().find("span").animate({ "left": origin1 }, "normal", "easeOutQuart");

    });
})



//从一个给定的数组arr中,随机返回num个不重复项
function getArrayItems(arr, num) {
    //新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;
    var temp_array = new Array();
    for (var index in arr) {
        temp_array.push(arr[index]);
    }
    //取出的数值项,保存在此数组
    var return_array = new Array();
    for (var i = 0; i < num; i++) {
        //判断如果数组还有可以取出的元素,以防下标越界
        if (temp_array.length > 0) {
            //在数组中产生一个随机索引
            var arrIndex = Math.floor(Math.random() * temp_array.length);
            //将此随机索引的对应的数组元素值复制出来
            return_array[i] = temp_array[arrIndex];
            //然后删掉此索引的数组元素,这时候temp_array变为新的数组
            temp_array.splice(arrIndex, 1);
        } else {
            //数组中数据项取完后,退出循环,比如数组本来只有10项,但要求取出20项.
            break;
        }
    }
    return return_array;
}



function Start() {
    //测试

    var my_array = new Array("b", " p", " m", "f", "d ", "t", " n", " l", " g", " k", " h", " j ", "q ", "x", " zh ", "ch", " sh ", "r ", "z ", "c ", "s", " y ", "w");

    my_array = getArrayItems(my_array, 5);
    $("span").each(function (i) {
        $(this).html(my_array[i]);
    });
    $("#zong").html(180);
    $("#dan").html(30);
    Zong(); //总时间
    Dan(); //单次时间
}

//总时间
var z_time
function Zong() {
    clearInterval(z_time);
    z_time = setInterval(function () {

        var z = $("#zong").html();
        if (z <= 1) {
            alert("时间到，两选手打成了平手！");
            clearInterval(z_time);
            clearInterval(d_time)
        }
        $("#zong").html(z - 1);

    }, 1000)
}
var d_time;
//单次时间
function Dan() {
    clearInterval(d_time);
    d_time = setInterval(function () {
        var d = $("#dan").html();
        if (d <= 1 && $("#zong").html() > 1) {
            $("#dan").html(30);
            d = 30;
            alert("换另一选手！");
            return;
        }
        $("#dan").html(d - 1);

    }, 1000)
}
function Reset()
{
    $("#dan").html(30)
}

代码很简单。js代码也有注释。网友们应该看得懂吧。主要用到了取随机数方法。