21世紀カウントダウン時計、21世紀になったらカウントアップ時計、ついでに22世紀と3000年ミレニアムまでのカウントダウン時計


<title>21世紀カウントダウン時計、21世紀になったらカウントアップ時計</title>

<SCRIPT Language = "JavaScript">

function hideyasu_ookawa_1(){


function hideyasu_1(){
document.write ( "<center><font size=5 color='#0000f0'>22世紀</font><font size=5 color='#f000f0'>まであと</font><font size=6 color='#ff0000'>",ab,"</font><font size=5 color='#f000f0'>日と</font><font size=6 color='#ff0000'>",f,"</font><font size=5 color='#f000f0'>時間</font><font size=6 color='#ff0000'>",g,"</font><font size=5 color='#f000f0'>分</font></center>");
}

function ookawa_1(){
document.write ( "<center><font size=5 color='#0000f0'>西暦3000年</font><font size=5 color='#f000f0'>のミレニアムまであと</font><font size = 6 color='#f00000'>",bb,"</font><font size=5 color='#f000f0'>日</font></center><br>");
}

var today = new Date();
var ns = new Date(2001,0,1);
var sns = new Date(2100,0,1);
var nmy = new Date(3000,0,1);
var d = (ns.getTime() - today.getTime())/(24*60*60*1000);
var e = Math.ceil(d);
var aa = (sns.getTime() - today.getTime())/(24*60*60*1000);
var ab = Math.ceil(aa);
var ba = (nmy.getTime() - today.getTime())/(24*60*60*1000);
var bb = Math.ceil(ba);
var ca = (today.getTime() - ns.getTime())/(24*60*60*1000);
var cb = Math.floor(ca);
var f = (23 - today.getHours());
var g = (59 - today.getMinutes());

if (e > 0){
document.write("<center><font size=5 color='#0000f0'>21世紀</font><font size=5 color='#f000f0'>まであと</font><font size=6 color='#f00000'>",e,"</font><font size=5 color='#f000f0'>日と</font><font size=6 color='#f00000'>",f,"</font><font size=5 color='#f000f0'>時間</font><font size=6 color='#f00000'>",g,"</font><font size=5 color='#f000f0'>分</font></center></font>");
ookawa_1();
}

else if (e == 0){
document.write ( "<center><font size=7 color='#f0000'>Welcome 21世紀</font><br><font size=5 color='#f00000'> 新世紀</font><font size=5 color='#f000f0'>を迎えてから</font><font size=6 color='#f00000'>",today.getHours(),"</font><font size=5 color='#f000f0'>時間と</font><font size=6 color='#f00000'>",today.getMinutes(),"</font><font size=5 color='#f000f0'>分経過</font></center>");
hideyasu_1();
ookawa_1();
}

else if (-366 < e && e < 0){
document.write("<center><font size=5 color='#0000f0'>新世紀</font><font size=5 color='#f000f0'>を迎えてから</font><font size=6 color='#f00000'>",cb,"</font><font size=5 color='#f000f0'>日と</font><font size=6 color='#f00000'>",today.getHours(),"</font><font size=5 color='#f000f0'>時間</font><font size=6 color='#f00000'>",today.getMinutes(),"</font><font size=5 color='#f000f0'>分経過</font></center>");
hideyasu_1();
ookawa_1();
}

else {
hideyasu_1();
ookawa_1();
}

}
//-->

</SCRIPT>

</head>

<BODY>

<SCRIPT Language = "JavaScript">
<!--

hideyasu_ookawa_1();

// -->
</SCRIPT>

21世紀カウントダウン時計とは

 このプログラムは次の3000年のミレニアムと、21世紀までカウントダウンします、そして21世紀を迎えた2001年の正月の一日だけ大きくwelcome21世紀と出ます。そして22世紀に向けてのカウントダウンを始めます。ついでに、次の日(1月2日)から1年間はカウントアップ時計なります。

 さすがに3000年のミレニアムを祝うメッセージのプログラムまでは作る気になれませんでしたが・・・・

 

使い方

 注意:このページ自体に記述してあるプログラムをコピーしても動きますが、下記の方法をお使い下さい。

「表示(V)」からソースを呼び出してからその記述をコピーしてください。

ソース<title>21世紀カウントダウン時計、21世紀になったらカウントアップ時計</title> から<</head>の間に書いてある<SCRIPT Language = "JavaScript"> から</SCRIPT>までをコピーして貴方のホームページの<title></title>の下に貼り付けてください。

次は<BODY>より下のこのプログラムを実行させたいHTMLの位置に

<SCRIPT Language = "JavaScript">
<!--

hideyasu_ookawa_1();

// -->
</SCRIPT>

 を置いてください。つまりヘッドの部分(関数の定義)とボディーの部分(関数の呼び出し)の合計2回スクリプトの実行をしています。

 感覚的にはプロバイダから提供されているカウンターを設置する感覚です。因みに蛇足ですが、この関数の名前は製作者である私の名前を使用しました。

 このプログラムは馬鹿馬鹿しいプログラムと自分でも自覚はしているのですが、製作まで少し苦労しているので、製作者である私のホームページの宣伝を貴方のホームページでしていただけたら嬉しいです。もし宣伝して頂けるのでしたら、こちらからも貴方のホームページのリンクをはらせさて頂きますのでどうぞよろしくです。

 当ホームページの作者の運命を変えた書籍が上の二冊です。
 本の筆者は高校の先生だけあって非常にわかりやすく、つぼを押さえた解説はさすがです。僅か三年で素人の中学上がりの学生を一人前のプログラマーに育てるノウハウを知り尽くしている為でしょう。簡単な練習問題をどんどん解かせ、いつの間にかスクリプトが出来るようになってしまいます。
 「ホームページの制作」はソースから作るようにしています。時代とは逆行しているように感じますが、基本的なHTMLの知識がないときちんとしたホームページは作れませんし、自分の意図した表示をさせることは出来ません。基本を押さえる意味でも優れた書籍です。
http://www.ookawa.com