psvfsdf - 経済統計練習帳

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>練習</title>
 <script  src="sample.js"></script>
  <script  src="jquery.js"></script>
</head>
<body onload="sample()">
<p id="memo"></p>      
</body>
</html>
 
 
function sample(){
 
 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=\"red\" stroke-width=\"10\" />";
    str=str+"</svg>"
$("#memo").html(str);
 
}