ani,x - 経済統計練習帳

<!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>
        <title>パチンコ</title>
    </head>
    <body onload="sample()">
   <p id="memo"></p>
   </body>
</html>
 
 
 
function sample(){
 
 
var timer;
var delay = 100;
 
bx=100;
by=100;
 
var loop = function () {
 
 bx=bx+10;
 if(bx>500)bx=0;
 
 
    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,500,500,"blue");
str=str+sub.rect(bx,500-by,50,50,"black");
str=str+"</svg>";
 
$("#memo").html(str);   
 
}