設定した日にちまで日数をカウントダウンします。
これは「何月何日」でカウントダウンするので、一度設定すると
設定日を越えると、自動的に次の年の設定日までのカウントダウンを始めます。
指定日当日には、指定したメッセージが表示されます。
とりあえずクリスマスまでのカウントダウンです。
・サンプルを見る
・ソースを保存する
（右クリック→「対象をファイルに保存」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)
{
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=25;」に日にちを入れて下さい。
数字は必ず半角文字で書いて下さい。
上から7行目にある「クリスマスまで後」と書いてある部分に、
一体何の日までのカウントダウンなのか適切な説明の前半部分を、
次の行の「日♪」に後半部分を記入してください。
また、上から9行目の「今日はクリスマス」に指定日当日に表示するメッセージをご記入下さい。
スクロールする早さを変えたい場合は、
上から10行目の
hayasa=150;
の「150」の数値を変更してください。
小さい数値ならより早く、大きな数値ならより遅くなります。
|
