<!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>
<div>
<input id="b1" type="button" value="上" />
</div>
</body>
</html>
var p;
var x1=new Array();
var x2=new Array();
var x3=new Array();
var mode;
function sample(){
mode = 1;
$("#b1").click(function () {
mode = mode + 1;
if (mode == 3) mode = 1;
});
var timer;
var delay = 100;
p = 1;
for (s = 1; s < 101;s++ ){
x1[s] = "mon_001.bmp";
x2[s] = "mon_001.bmp";
x3[s] = "mon_001.bmp";
if(Math.random()>0.5) x1[s] = "mon_002.bmp";
if(Math.random()>0.5) x2[s] = "mon_002.bmp";
if(Math.random()>0.5) x3[s] = "mon_002.bmp";
if(Math.random()>0.5) x1[s] = "mon_003.bmp";
if(Math.random()>0.5) x2[s] = "mon_003.bmp";
if(Math.random()>0.5) x3[s] = "mon_003.bmp";
}
var loop = function () {
if(mode==2)p = p + 1;
if (p > 100) p = 1;
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function paint(){
var str;
str = "<table>";
for (s = 1; s < 4; s++) {
str = str+"<tr>";
str = str+"<td>";
p1 = p+s-1;
if (p1 > 100) p1 = p1 - 100;
str = str + pic(x1[p1]);
str =str+ "</td>";
str = str+"<td>";
p1 = p+s-1;
if (p1 > 100) p1 = p1 - 100;
str = str + pic(x2[p1]);
str =str+ "</td>";
str = str+"<td>";
p1 = p+s-1;
if (p1 > 100) p1 = p1 - 100;
str = str + pic(x3[p1]);
str =str+ "</td>";
str =str+ "</tr>";
}
str = str + "</table>";
$("#memo").html(str);
}
function pic(pp){
var str = "<img src=\""
str = str + pp;
str=str+ "\" width=\"100\" height=\"100\">";
return str;
}
最終更新：2015年06月02日 12:51
