jQuery 문자 그림 퍼즐 게임 코드

이것은 간단하고 재미있는 jQuery 캐릭터 그림 퍼즐 게임 코드입니다. 클릭하면 게임이 시작되고 그림이 무작위로 섞입니다.

JS 코드
<스크립트 유형="텍스트/자바스크립트">
$(함수(){
var tt=null;
//게임 완료 시간 및 단계 수
변수 횟수=0;
변수 시간=0;
// 이전 이미지 배열을 중단하고 준비하세요
var src= 배열();
src.push("images/201.png");
src.push("images/202.png");
src.push("images/203.png");
src.push("images/204.png");
src.push("images/205.png");
src.push("images/206.png");
src.push("images/207.png");
src.push("images/208.png");
src.push("images/209.png");
//버튼 이벤트가 발생합니다. . . 게임을 시작하세요

$('#버튼').click(function(){
클리어간격(tt)
// 시간은 0
으로 돌아갑니다. 시간=0;
횟수=0;
​ ​ // 와서 시간을 정하세요
tt=setInterval(shij,1000)
함수 shij(){
시간++;
        $(".time>p>span").text(time)
      }
> >                                    // 순서대로 정렬됨
var srcUsing= new Array();
for(var p=0; p<src.length;p++){
srcUsing[p]=src[p];
        }
        var newArry= new Array();
for(var i=0;i< $("#box img").length;i++){
                  newArry.push(srcUsing.splice(Math.floor(Math.random()*srcUsing.length), 1));
~ ​ ​ for(var j=0;j<newArry.length;j++){
              $("#box img").eq(j).attr("src",String(newArry[j]));
~
​ ​ //빈 그림을 설정합니다,
var Arrps=document.getElementById("box").getElementsByTagName("img");
for(var i=0;i<Arrps.length;i++){
​ ​ Arrps[i].onclick=function(){
               if (this.getAttribute("src")=="images/201.png");
​ ​ ​changeP(this,Arrps);
          };
      }
})
   
     
     // 判断位置
    함수 변경P(ob,Arrps){
           var Ni=0;
           var Nj=0;

          for(var i=0;i<Arrps.length;i++){
           if(Arrps[i]==ob)
           {
            // 경고(ob)
            니=i;
           }
            
          if(Arrps[i].getAttribute("src")=="images/201.png")
          {
          Nj=i;
          }
            
           }
            // 绝对值
           if(Math.abs(Ni-Nj)==3)
           {
              var tempOb=ob.getAttribute("src"); 
              ob.setAttribute("src","images/201.png");
              Arrps[Nj].setAttribute("src",temperOb);
              번++;
              ifright();
               
             }else if((Ni-Nj)==1&&(Ni%3)!=0){
             var tempOb=ob.getAttribute("src"); 
              ob.setAttribute("src","images/201.png");
              Arrps[Nj].setAttribute("src",temperOb);
              번++;
              ifright();
               
             }else if((Ni-Nj)==-1&&(Ni%3)!=2){
              var tempOb=ob.getAttribute("src"); 
              ob.setAttribute("src","images/201.png");
              Arrps[Nj].setAttribute("src",temperOb);
              번++;
              ifright();
             } 
              $(".bu>p>span").text(회) 
        }
​ ​
   함수 ifright(){
          var ps=document.getElementById("box");
          var Arrps=ps.getElementsByTagName("img");
                  for(var i=0;i<src.length;i++){
                   if(src[i]!=Arrps[i].getAttribute("src")) return;
                }
Alert("축하합니다. 성공했습니다..."+"n"+"used"+times+"step")
        }
})