<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML LANG="ja">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<TITLE>なめらかに回るカウンタ</TITLE>
</HEAD>
<BODY BGCOLOR="#CCFFFF" onLoad="setTimeout(timer, 50)">
<CENTER>
<BR><BR>
<B><FONT SIZE="+1" COLOR="#CC0000">なめらかに回るカウンタ</FONT></B>
<BR><BR><BR>
<DIV STYLE="position:relative; width:132px; height:31px">
<IMG SRC="images/cntr_t.gif" WIDTH=132 HEIGHT=3 STYLE="position:absolute; width:132px; height:3px; left:0; top:0">
<IMG SRC="images/cntr_l.gif" WIDTH=3 HEIGHT=25 STYLE="position:absolute; width:3px; height:25px; left:0; top:3px">
<IMG SRC="images/cntr_r.gif" WIDTH=3 HEIGHT=25 STYLE="position:absolute; width:3px; height:25px; left:129px; top:3px">
<IMG SRC="images/cntr_b.gif" WIDTH=132 HEIGHT=3 STYLE="position:absolute; width:132px; height:3px; left:0; top:28px">
<SPAN STYLE="position:absolute; width:21px; height:25px; left:3px; top:3px; overflow:hidden">
<IMG ID="digit16" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit26" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
<SPAN STYLE="position:absolute; width:21px; height:25px; left:24px; top:3px; overflow:hidden">
<IMG ID="digit15" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit25" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
<SPAN STYLE="position:absolute; width:21px; height:25px; left:45px; top:3px; overflow:hidden">
<IMG ID="digit14" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit24" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
<SPAN STYLE="position:absolute; width:21px; height:25px; left:66px; top:3px; overflow:hidden">
<IMG ID="digit13" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit23" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
<SPAN STYLE="position:absolute; width:21px; height:25px; left:87px; top:3px; overflow:hidden">
<IMG ID="digit12" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit22" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
<SPAN STYLE="position:absolute; width:21px; height:25px; left:108px; top:3px; overflow:hidden">
<IMG ID="digit11" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
<IMG ID="digit21" SRC="images/digit_0.gif" WIDTH=21 HEIGHT=25 STYLE="position:absolute; width:21px; height:25px; left:0; top:0">
</SPAN>
</DIV>
</CENTER>
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--
function timer() {
if(off == 0) {
var w = cnt = (cnt + 1) % 1000000;
for(n = 1; ; n++) {
document.getElementById("digit2" + String(n)).src = imgs[w % 10].src;
if(w % 10 != 0)
break;
if(n == 6)
break;
w = Math.floor(w / 10);
}
}
off++;
var i;
for(i = 1; i <= n; i++) {
if(topnum) {
document.getElementById("digit1" + String(i)).style.top = - off;
document.getElementById("digit2" + String(i)).style.top = 25 - off;
}
else {
document.getElementById("digit1" + String(i)).style.top = String(- off) + "px";
document.getElementById("digit2" + String(i)).style.top = String(25 - off) + "px";
}
}
if(off == 25)
setTimeout(timer2, 0);
else
setTimeout(timer, 50);
}
function timer2() {
for(; n; n--) {
var obj1 = document.getElementById("digit1" + String(n));
var obj2 = document.getElementById("digit2" + String(n));
obj1.src = obj2.src;
if(topnum) {
obj1.style.top = 0;
obj2.style.top = 25;
}
else {
obj1.style.top = "0";
obj2.style.top = "25px";
}
}
off = 0;
setTimeout(timer, 50);
}
imgs = new Array();
for(i = 0; i < 10; i++) {
imgs[i] = new Image(21, 25);
imgs[i].src = "images/digit_" + String(i) + ".gif";
}
topnum = (typeof(document.getElementById("digit11").style.top) == "number");
for(i = 1; i <= 6; i++) // Opera 対策
document.getElementById("digit2" + String(i)).style.top = (topnum) ? 25 : "25px";
cnt = 0;
n = 0;
off = 0;
//-->
</SCRIPT>
</BODY>
</HTML>
|