svg 089 - 経済統計練習帳

<!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>
 
var x;
 
function sample(){
 
var timer;
var delay = 100;
 
x = 0;
 
var loop = function () {
 
    x = x + 10;
    if (x > 250) x = 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,x,x,"blue"); 
str=str+"</svg>";
 
$("#memo").html(str);   
 
 
 
}