Ma matrice fait planter la page web.

Bonjour,
j'avais codé une fonction en javascript et cette derniere me sert a parcourir une matrice grille. je vous explique le probleme, mon soucie c'est que apres quelque iteration, ma page se bloque. donc la finalité de la fonction est : la methode recoit en parametre une matrice. apres la reception, la methode parcourt la matrice et test a chaque fois si le contenu de la case ij est superieur a 3, alors elle fait distribuer pour un grain a la case de gauche, un pour la case de droite, un pour en haut et un pour en bas. j'aimerais que vous m'aidiez s'il vous plait.
merci.
code de la fonction

function distribution(grille){
   // alert("je suis la");    
   
        for (var i = 0; i <grille.length; i=i+1) {
        for(var j = 0 ; j < grille[i].length;j=j+1){
             while(grille[i][j]>3){
                grille[i][j] -=3;
                 if(i == 0 && j == 0){
                    grille[i+1][j]+=1;
                    grille[i][j+1]+=1;
                    update_grid(grille,colors);
                    setTimeout(function(){
                        distribution(grille);
                    },1000);

                 }else{
            
                    grille[i-1][j]+=1;
                    grille[i][j-1]+=1;
                    grille[i+1][j]+=1;
                    grille[i][j+1]+=1;
                    update_grid(grille,colors);
                    setTimeout(function(){
                        distribution(grille);
                    },1000);

                 }
                 i++;
                 j++;
                 }
             }
                
                
            
            }
        }