<html>
<head>
<title>練習</title>
<meta charset="utf-8"/>
<script src="jquery.js"></script>
<script src="sample.js"></script>
</head>
<body onload="sample()">
<p id="memo"></p>
<input id="bt" type="button" value="stop" />
<input id="bt2" type="button" value="start" />
</body>
</html>
var x;
var p;
var z = new Array();
var z2 = new Array();
var z3 = new Array();
function sample(){
for (s = 1; s < 101;s++ ){
z[s] = "b1.jpg";
if(Math.random()>0.2)z[s]="b2.jpg";
if(Math.random()>0.4)z[s]="b3.jpg";
if(Math.random()>0.6)z[s]="b4.jpg";
if(Math.random()>0.8)z[s]="b5.jpg";
if(Math.random()>0.9)z[s]="b6.jpg";
}
for (s = 1; s < 101;s++ ){
z2[s] = "b1.jpg";
if(Math.random()>0.2)z2[s]="b2.jpg";
if(Math.random()>0.4)z2[s]="b3.jpg";
if(Math.random()>0.6)z2[s]="b4.jpg";
if(Math.random()>0.8)z2[s]="b5.jpg";
if(Math.random()>0.9)z2[s]="b6.jpg";
}
for (s = 1; s < 101;s++ ){
z3[s] = "b1.jpg";
if(Math.random()>0.2)z3[s]="b2.jpg";
if(Math.random()>0.4)z3[s]="b3.jpg";
if(Math.random()>0.6)z3[s]="b4.jpg";
if(Math.random()>0.8)z3[s]="b5.jpg";
if(Math.random()>0.9)z3[s]="b6.jpg";
}
p = 1;
x=100;
$("#bt").click(function(){
x=200;
});
$("#bt2").click(function(){
x=100;
});
game();
}
function game(){
var timer;
var delay = 100;
var loop = function () {
if (x < 150) p = p + 1;
if (p > 100) p = 1;
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function paint(){
var str;
str = pic(z[p]);
str = str + pic(z2[p]);
str = str + pic(z3[p]);
$("#memo").html(str);
}
function pic(pp){
var str = "<img src=\""
str = str + pp;
str=str+ "\" width=\"200\" height=\"200\">";
return str;
}
最終更新:2015年05月12日 13:19