うさのJavaScript講座 - Blog館 - | カウントダウンスクリプト♪

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

早いもので気が付いたらもう師走。
仕事が忙しすぎて全然サイトのリニューアル間に合ってないです･･･。ウェブ関係のお仕事なら楽しめただろうけど、なんせウェブぢゃない分野のエンジニアなもんで～。とまぁ言い訳はこの辺にして、うさのように年末までビッチリ仕事詰まってる人にもそうでない人にも新年は来るものです♪
新年を楽しみにしている人にもそうでない人にもお送りするカウントダウンスクリプト。
2007年だけだとあっという間にくるのでついでに22世紀カウントダウンもつけちゃいます。
なお、このサンプルはうさのJavaScript講座のサンプル集1のサンプル67でもダウンロードしていただけます。
2007年まであと
22世紀まであと

ソースはこちら↓

<script language="javascript">
<!--
//------------------------------------------------------------
//javascript by ＠うさ http://www.usagi-js.com/
//------------------------------------------------------------
var tid;
function ShowTime()
{
	//変数宣言
	var dtToday = new Date();

	//記念日をいれてください。
	//注意：月、日は０からスタートしているのに注意してください。
	var dtNextCentury = new Date(2101, 0, 0);　//2007年元旦の場合は、2007,0,0
	//計算結果を表示します。
	var nCal, nSecB, nSec, nMin, nHour;
	nCal = dtNextCentury.getTime() - dtToday.getTime();

	//秒から逆算
	nSecB = nCal/1000;
	nHour = Kirisute((nSecB/60)/60);
	nMin = Kirisute(nSecB/60 - nHour*60);
	nSec = Kirisute(nSecB - nMin*60 - nHour*60*60);

	//ここでは時間を表示します。
	document.getElementById("time22").value=nHour+"時間"+nMin+"分"+nSec+"秒";

	//タイマーを開始
	tid=setTimeout('ShowTime()',999);
}
//時刻の切捨て関数
function Kirisute(nVal)
{
	var nTemp = nVal.toString();
	if (nTemp.indexOf(".") < 0)
	{
		return nTemp;
	}
	return nTemp.substring(0, nTemp.indexOf("."));
}
//-->
</script>

HTMLはこちら↓
BODYで開始するパターンです。このブログはボタンクリックで表示するようにしています。

うさのJavaScript講座 - Blog館 -

このサイトでは「うさのJavaScript講座」の情報やブログにも使えるJavaScriptサンプルをお届けしています♪

Calendar

うさゾン [うさ+Amazon]

Links

Category Archives

Archives

カウントダウンスクリプト♪

タグ:

trackbacks

comments

comment form

Recent Entries

Feed

Inside
うさのJavaScript講座

Powered by

copyright (c) ＠うさ