music03 - 経済統計練習帳

<!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>
 
 function sample(){
 
tr=1;
 
 
var timer;
var delay = 100;
 
var loop = function () {
 
tr=tr+1;
if(tr>90)tr=1;
 
    paint();
 
    clearTimeout(timer);
    timer = setTimeout(loop, delay);
}
 
loop();
 
 
 
} 
 
function paint(){
 
var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
 str=str+sub.rect(0,0,5*tr,5*tr,"blue");    
 
str=str+"</svg>";
 
$("#memo").html(str);   
 
}