간단 메모리 게임 기초코드

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            border: 1px solid #888;
            float: left;
            margin: 5px;
            background-color: #f88;
        }
    </style>
</head>
<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <script src="jquery-1.12.2.min.js"></script>
    <script>
        var bgs = ["food","sports","nightlife","fashion","food","sports","nightlife","fashion"];
        for(var j=0;j<5;j++){
            shuffle(bgs); // 배열 섞기(랜덤)
        }
        var divs = $("div");
        for(var i=0;i<divs.length;i++){
            $(divs[i]).attr("data-src",bgs[i]);//setter
            $(divs[i]).attr("id","card"+i);//setter
            $(divs[i]).addClass("hidden");
        }

        var firstCard = "";
        var secondCard = "";

        //$(document).on('click', 'div.hidden', function(){
        $("div.hidden").click(function(){
            var cat = $(this).attr("data-src");//getter
            var bg="url(http://lorempixel.com/100/100/" + cat + ")";
            $(this).css({"background-image":bg});
            if( ! firstCard ) {
                firstCard = $(this).attr("id");
            } else {
                secondCard = $(this).attr("id");
                var firstSrc = $("#"+firstCard).attr("data-src");
                var secondSrc = $("#"+secondCard).attr("data-src");

                var first = firstCard;
                var second = secondCard;
                if( firstSrc == secondSrc ){
                    $(firstCard).removeClass("hidden");
                    $(this).removeClass("hidden");

                    window.setTimeout(function(){
                        console.log(2000);
                        $("#"+first).css({"background-color":"#fff","background-image":""});
                        $("#"+second).css({"background-color":"#fff","background-image":""});
                    },1000);
                } else {
                    window.setTimeout(function(){
                        console.log(2000)           ;
                        $("#"+first).css({"background-color":"#f88","background-image":""});
                        $("#"+second).css({"background-color":"#f88","background-image":""});
                    },2000);
                }

                firstCard = "";
                secondCard = "";
            }

        });

        function shuffle (array) {
            var i = 0
                    , j = 0
                    , temp = null

            for (i = array.length - 1; i > 0; i -= 1) {
                j = Math.floor(Math.random() * (i + 1))
                temp = array[i]
                array[i] = array[j]
                array[j] = temp
            }
        }
    </script>
</body>
</html>