以下の文章を<HEAD>〜</HEAD>内に入れて下さい。
<![CDATA[
<center>
<font size="5"color="#FFFF99">
<SCRIPT LANGUAGE="JavaScript">
<!--リアルタイムカウント
now = new Date();
n = 0;
y2k = new Date(2000, 0, 1, 0, 0, 0); // 2000/01/01 00:00.00
var datef = new Array(24 * 60 * 60 * 1000, //D
60 * 60 * 1000, //H
60 * 1000, //M
1000 ); //S
function countUp() {
var time = new Array(4);
var deff = Math.abs( ( now.getTime() + n) - y2k.getTime() );
n += 1000;
for(i=0;i<4;i++){
time[i] = Math.floor( deff / datef[i] );
deff -= time[i] * datef[i];
}
document.Clock.displayday.value = time[0];
document.Clock.displayhour.value = time[1];
document.Clock.displaymin.value = time[2];
document.Clock.displaysec.value = time[3];
setTimeout("countUp()",1000);
}
m = 0;
c21 = new Date(2001, 0, 1, 0, 0, 0); // 2000/01/01 00:00.00
function countDown() {
var time = new Array(4);
var deff21 = Math.abs( ( now.getTime() + m) - c21.getTime() );
m += 1000;
for(i=0;i<4;i++){
time[i] = Math.floor( deff21 / datef[i] );
deff21 -= time[i] * datef[i];
}
document.Clock21.displayday.value = time[0];
document.Clock21.displayhour.value = time[1];
document.Clock21.displaymin.value = time[2];
document.Clock21.displaysec.value = time[3];
setTimeout("countDown()",1000);
}
// end-->
</SCRIPT>
</font>
</center>
]]>
以下の文章を<BODY>〜</BODY>内に入れて下さい。
<![CDATA[
<center>
<font size="5"color="#FFFF99">
<form name="Clock" method="post" action="./">
2000年1月1日0時0分0秒より<br>
<input type="text" name="displayday" size=5>
<strong>日</strong>
<input type="text" name="displayhour" size=4>
<strong>時間</strong>
<input type="text" name="displaymin" size=4>
<strong>分</strong>
<input type="text" name="displaysec" size=4>
<strong>秒</strong>
</form>
<form name="Clock21" method="post" action="./">
2001年1月1日0時0分0秒まで<br>
<input type="text" name="displayday" size=5>
<strong>日</strong>
<input type="text" name="displayhour" size=4>
<strong>時間</strong>
<input type="text" name="displaymin" size=4>
<strong>分</strong>
<input type="text" name="displaysec" size=4>
<strong>秒</strong>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!-- Start
countUp();
countDown();
// -->
</SCRIPT>
</font>
</center>
]]>
カウントダウンとカウントアップを同時にする事が出来ます。の日時を変更するには‘new Date’内の数字を変更して下さい。
JAVA SCRIPTに戻る
ホームへ戻る