設定した日にちまで日数をカウントダウンします。
もし指定した日数がすでに過ぎている場合、警告文が表示されます。
指定日当日には、指定したメッセージが表示されます。
とりあえず2010年1月1日までのカウントダウンです。
・サンプルを見る
・ソースを保存する (右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
・ソースを見る ・解説を見る
[ ソース ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>
<body>
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
//カウントダウンする年を指定する
tosi=2010;
//カウントダウンする月を指定する
tuki=1;
//カウントダウンする日を指定する
hi=1;
//カウントダウンが終了してる場合に表示する文字
moji='設定した日付はすでに過ぎています。';
//カウントダウンゼロで表示する文字
moji2='今日は2010年の元旦です。';
hiduke=new Date();
ima=hiduke.getTime();
my=new Date(tosi+'/'+tuki+'/'+hi).getTime();
if(my < ima && ima < my+86400000){ document.write(moji2); }
else if(my < ima){ document.write(moji); }
else
{
my=Math.ceil((my-ima)/60/60/24/1000);
document.write(tosi+"年"+tuki+"月"+hi+"日まで後"+my+"日");
}
//-->
</script>
</body></html>
[ 解説 ]
カウントダウンしたい日付を、それぞれ年、月、日別で数字で記入します。
まず上から7行目の「tosi=2010;」に年数、次の行の「tuki=1;」に月、
次の行の「hi=1;」に日にちを入れて下さい。
数字は必ず半角文字で書いて下さい。
年数は必ず西暦4桁(これも半角数字で)で書いて下さい。
上から10行目にある「設定した日付はすでに過ぎています。」と書いてある部分に、
指定日を過ぎた時に表示させたいメッセージを入れてください。
上から11行目の「今日は2010年の元旦です。」に、指定日当日に表示させたいメッセージを入れてください。
|