<!DOCTYPE html>
<html>
<head>
<title>練習</title>
<meta charset="UTF-8">
<script src="sample.js"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
</head>
<body onload="sample()">
<p id="memo"><p>
</body>
</html>
function sample(){
var timer;
var delay = 100;
col="red";
var loop = function () {
if(Math.random()>0.9)col="blue";
if(Math.random()<0.1)col="red";
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,col);
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2016年02月17日 05:57