jQuery-Charakter-Bildrätsel-Spielcode

Dies ist ein einfacher und unterhaltsamer jQuery-Charakter-Puzzle-Spielcode. Klicken Sie, um das Spiel zu starten und die Bilder nach dem Zufallsprinzip zu mischen.

js-Code
<script type="text/javascript">
$(function(){
var tt=null;
//Spielzeit und Anzahl der Schritte
var times=0;
var time=0;
// Unterbrechen Sie das vorherige Bildarray und machen Sie sich bereit
var src= Array();
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");
//Schaltflächenereignisse werden aktiviert. . . Starten Sie das Spiel

$('#button').click(function(){
clearInterval(tt)
// Die Zeit kehrt auf 0 zurück
Zeit=0;
mal=0;
​ ​ // Kommen Sie und stellen Sie die Zeit ein;       tt=setInterval(shij,1000)
Funktion shij(){
Zeit ;
        $(".time>p>span").text(time)
}
// Eigene Sequenzanordnung 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]));
                                                                   
​ ​ //Lege ein leeres Bild fest,
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);
         };
}
})
   
     
     // Schneeflocke
    Funktion changeP (ob, Arrps) {
           var Ni=0;
           var Nj=0;

          for ( var i = 0 ; i & l ; Arrps. length ; i ) {
           if ( Arrps [ i ] == ob )
           {
            // alarm(ob)
            If=i;
           }
            
          if ( Arrps [ i ]. getAttribute( " src " ) == " images / 201.png " )
          {
          Ja;
          }
            
           }
            // Hintergrund
           if (Math. abs (Ni - Nj) == 3)
           {
              var temperOb=ob.getAttribute("src"); 
              ob . setAttribute (" src " , " images / 201.png " );               Arrps[Nj].setAttribute("src",temperOb);
              mal ;
              ifright ();
               
             }else if ((If-Nj)==1&&(If%3)!=0){
             var temperOb=ob.getAttribute("src"); 
              ob . setAttribute (" src " , " images / 201.png " );               Arrps[Nj].setAttribute("src",temperOb);
              mal ;
              ifright ();
               
             }else if((Nor-Nj)==-1&&(Nor%3)!=2){
              var temperOb=ob.getAttribute("src"); 
              ob . setAttribute (" src " , " images / 201.png " );               Arrps[Nj].setAttribute("src",temperOb);
              mal ;
              ifright ();
             }
              $(".bu>span").text(times)
          }
           
​ ​ ​ Funktion 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("Herzlichen Glückwunsch, Sie haben es geschafft..." "n" "used" times "step")
          }
})

</script>