pazuruno - 経済統計練習帳

var x=new Array();
 
function sample() {
 
for(s=1;s<6;s++){
x[s]=new Array();
} 
 
for(s=1;s<6;s++){
for(sx=1;sx<6;sx++){
x[s][sx]=1;
}    
}
 
 
var timer;
var delay = 1000;
 
var loop = function () {
 
var subx=new ex();
subx.x=x;
subx.move();
x=subx.x;
 
    paint();
 
 
    clearTimeout(timer);
    timer = setTimeout(loop, delay);
}
 
loop();
 
 
 
 
}
 
function paint(){
 
var sub3=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
str=str+sub3.rect(0,0,500,500,"blue");
 
for(s=1;s<6;s++){    
for(sx=1;sx<6;sx++){
if(x[s][sx]==1)str=str+sub3.rect(100*sx-100,100*s-100,100,100,"red");
if(x[s][sx]==2)str=str+sub3.rect(100*sx-100,100*s-100,100,100,"green");
} }
 
str=str+"</svg>";
 
$("#memo").html(str);   
 
}
class ex{
 
x:any[]=new Array();
 
move():void{
 
var m1,m2:number;
 
m1=5*Math.random();
m2=Math.floor(m1)+1;
 
this.x[m2][m2]=2;
 
 
}
 
}
 
 
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8" />
        <script src="sample.js"></script>
        <script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<script src="app.js"></script>
        <title>DSGE</title>
    </head>
    <body onload="sample()">
   <p id="memo"></p>
   </body>
</html>