WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)

■ JavaScript - サンプル集(257種類) - スクロール
   - 日数カウントダウンVer3(スクロール・フォーム版)

設定した日にちまで日数をカウントダウンします。
これは「何月何日」でカウントダウンします。

設定日を越えると、自動的に次の年の設定日までのカウントダウンを始めます。
指定日当日には、指定したメッセージが表示されます。
また、指定日から何日間を指定日期間と認識するか、指定する事も出来ます。

とりあえずクリスマスまでのカウントダウンです。
指定日は2日間。クリスマスイブとクリスマスを指定日期間と認識します。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
ソースを見る
解説を見る





[ ソース ]

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp

	//カウントダウンする月を指定する
	tuki=12;

	//カウントダウンする日を指定する
	hi=25;

	//カウントダウン中に表示する文字の前半
	moji1='クリスマスまで後';
	//カウントダウン中に表示する文字の後半
	moji2='日';

	//カウントダウンゼロで表示する文字
	moji3='今日はクリスマス';

	//流れる早さを指定する
	hayasa=150;


	kekkamoji='';
	my_time=0;
	hajime=0;
	function count()
		{
		hiduke=new Date();
		tosi=hiduke.getFullYear();
		ima=hiduke.getTime();
		my=new Date(tosi+'/'+tuki+'/'+hi).getTime();
		if(my < ima && ima < my+(86400000*kikan))
			{
			kekkamoji=moji3;
			ScrollMoji();
			}
		else 
			{
			if(my < ima)my+=31536000000;
			my=Math.ceil((my-ima)/60/60/24/1000);
			kekkamoji=moji1+my+moji2;
			ScrollMoji();
			}
		}
	function ScrollMoji()
		{
		ji="               ";
		bunn=ji+kekkamoji;
		len=bunn.length+1;
		document.form1.text1.value=bunn.substring(hajime,len);
		hajime=(hajime > len)?0:hajime+1;
		clearTimeout(my_time);
		my_time=setTimeout('count()',hayasa);
		}

//-->
</script>

</head>

<body onLoad="count();">

<form name="form1">
<input type="text" name="text1" size="30">
</form>

</body></html>


[ 解説 ]

カウントダウンしたい日付を、それぞれ月、日別で記入します。
まず上から5行目の「tuki=12;」に月、次の行の「hi=24;」に日にちを入れて下さい。

次に、上から7行目の「kikan=2;」に指定日が有効になる期間を入力してください。
サンプルですと、24日と25日を有効期間として設定しているので、「2」と記入されています。

これらの数字は、必ず半角文字で書いて下さい。

上から8行目にある「クリスマスまで後」と書いてある部分に、
一体何の日までのカウントダウンなのか適切な説明の前半部分を、
次の行の「日♪」に後半部分を記入してください。

また、上から10行目の「今日はクリスマス」に指定日当日に表示するメッセージをご記入下さい。

スクロールする早さを変えたい場合は、
上から11行目の
hayasa=150;
の「150」の数値を変更してください。

小さい数値ならより早く、大きな数値ならより遅くなります。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.