x2x2iii - 経済統計練習帳

var namex=new Array();
var x=new Array();
var y=new Array();
var point=new Array();
 
function sample(){
 
namex[1]="大崎";
namex[2]="品川";
namex[3]="田町";
namex[4]="浜松町";
namex[5]="新橋";
namex[6]="有楽町";
namex[7]="東京";
namex[8]="神田";
namex[9]="秋葉原";
namex[10]="御徒町";
namex[11]="上野";
namex[12]="鶯谷";
namex[13]="日暮里";
namex[14]="西日暮里";
namex[15]="田端";
namex[16]="駒込";
namex[17]="巣鴨";
namex[18]="大塚";
namex[19]="池袋";
namex[20]="目白";
namex[21]="高田馬場";
namex[22]="新大久保";
namex[23]="新宿";
namex[24]="代々木";
namex[25]="原宿";
namex[26]="渋谷";
namex[27]="恵比寿";
namex[28]="目黒";
namex[29]="五反田";
 
for(s=1;s<30;s++){
 point[s]=0;   
}  
 
 
tx=0;  
for(s=1;s<8;s++){
tx=tx+1;
x[tx]=9;
y[tx]=9-s;
}  
 
 
for(s=1;s<8;s++){
tx=tx+1;
x[tx]=9-s;
y[tx]=1;
}  
 
for(s=1;s<8;s++){
tx=tx+1;
x[tx]=1;
y[tx]=s+1;
}  
 
for(s=1;s<9;s++){
tx=tx+1;
x[tx]=s+1;
y[tx]=9;
}  
 
 
 var timer;
var delay = 1000;
 
a=1;
 
var loop = function () {
 
n1=6*Math.random();  
n2=Math.floor(n1)+1;
 
a=a+n2;
 
 if(a>29)a=1;
 
  point[a]=100;
 
  paint();
 
 
    clearTimeout(timer);
    timer = setTimeout(loop, delay);
}
 
loop();   
 
}
 
function paint(){
 
var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
for(s=1;s<30;s++){
str=str+sub.rect(50*x[s],50*y[s],50,50,"red");  
if(point[s]>60)str=str+sub.rect(50*x[s],50*y[s],50,50,"blue"); 
}
 
 
str=str+sub.rect(50*x[a],50*y[a],50,50,"green"); 
str=str+sub.text(250,250,20,namex[a]);
 
str=str+"</svg>";
 
$("#memo").html(str);   
 
}