jituha - 経済統計練習帳

<!DOCTYPE html>
 
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">  
 
 
<script  src="jquery.js"></script>
    <script  src="sample.js"></script>
    <script  src="svgpaint.js"></script>
    </head>
    <body onload="sample()">
<p id="memo"></p>
 </body>
</html>
 
var x=new Array();
 
function sample(){
 
tr=1;
 
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]=0;    
}}
 
 
var timer;
var delay = 1000;
 
var loop = function () {
 
n1=5*Math.random();
n2=Math.floor(n1)+1;
m1=5*Math.random();
m2=Math.floor(m1)+1;
 
x[n2][m2]=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<6;s++){
for(sx=1;sx<6;sx++){  
if(x[s][sx]>50)str=str+sub.rect(100*s-100,100*sx-100,100,100,"blue");    
}}
str=str+"</svg>";
 
$("#memo").html(str);   
 
}