あにめｘｇｇ - 経済統計練習帳

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>練習</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="sample.js"></script>
</head>
<body onload="play()">
    <p id="memo"></p>
</body>
</html>
 
 
function play(){
 
 var timer;
var delay = 100;
 
 n=0;
 
var loop = function () {
 
 n=n+10;
 
 if(n>500)n=100;
 
paint(n);
 
    clearTimeout(timer);
    timer = setTimeout(loop, delay);
}
 
loop();
 
 
 
 
}
 
function paint(n){
 
    str="<svg width=\"500\" height=\"500\">";
    str=str+"<line x1=\"0\" y1=\"0\" x2=\""+n+"\" y2=\""+n+"\" stroke=\"green\" stroke-width=\"5\" />";
    str=str+"</svg>"
$("#memo").html(str);
 
}