javascriptでカウントダウン (Parallel Live!)

特別篇！　javascriptでカウントダウンを作ろう！！

看板が日記になっているが気にしないｗ

とりあえずさっくり実演。百聞は一見にしかずってね。。

まぁ簡単に２００５年までのカウントダウンスクリプトをたててみましょう。

（２００５年が来てもこのスクリプトは放置の方向でｗ）

ウゾダドンドコドーン！！（うそだそんなこと！！）って思う人はカレンダーを数えてください。。

確かに数があっている（はず…）

実はこのカウントダウンスクリプトは下のように記述しているのです

*・゜ﾟ・*:.。..。.:*・゜ﾟ・*:.。. .。.:*・゜ﾟ・*

<script language="Javascript">
var now = new Date();
var xday = new Date(2005,1-1,1);
count = Math.ceil((xday.getTime()-now.getTime())/(24*60*60*1000));
if(count>1)document.write("２００５年まであと",count,"日");
else if (count==1)document.write("明日で２００５年だよ！")
else if (count==0)document.write("開けましておめでとう２００５年☆");
else if (count<0)document.write("２００５年になってから",-count,"日経ちました。");
</script>

*・゜ﾟ・*:.。..。.:*・゜ﾟ・*:.。. .。.:*・゜ﾟ・*

つまり、

<script language="Javascript">
var now = new Date();
var xday = new Date(設定したい年,設定したい月-1,設定したい日);
count = Math.ceil((xday.getTime()-now.getTime())/(24*60*60*1000));
if(count>1)document.write("メッセージ",count,"日");
else if (count==1)document.write("前日メッセージ")
else if (count==0)document.write("当日メッセージ");
else if (count<0)document.write("メッセージ",-count,"日");
</script>

となる訳です。

ポイントです。

１、絶対に<script language="Javascript">で初めて</script>で終ること

じゃないとブラウザが認識してくれないです。。

２、var now = new Date();　の(かっこ)のなかは必ず空白にする。

ブラウザは暗算名人なので（ぇ　今日の日にちぐらいわかります(￣ー￣)

３、メッセージはしっかり””で囲む

ブラウザは暗算できてもバカですから（ぉ　しっかり教えてやってくださいｗ

応用するっすよ！

数字設定は小学校の算数のレベル以下なので簡単です。

英語も少々（中学校卒業程度あったら楽勝）できれば面白くなります。

<script language="Javascript">＃まぁ、お約束ですね

var now = new Date();＃ここで今日の日付を計算

var xday = new Date(設定したい年,設定したい月-1,設定したい日);
＃カウントダウンが０になる日を確かめる。

count = Math.ceil((xday.getTime()-now.getTime())/(24*60*60*1000));
＃（カウントダウンが０になる日）－（今日の日付）
＃２４*６０*６０*１０００で計算結果を調整する
＃（２４）時間×（６０）分×（６０）秒って感じに…
＃１０００は…(　ﾟдﾟ)､ﾍﾟｯ

if(count>1)document.write("メッセージ",count,"日");
＃ifってのは英語の「もしも…なら」って奴です。
＃つまり「もしもカウントが１より多い日だったら」って意味です
＃これで２日前まではこのスクリプトがホームページに表示されます。

else if (count==1)document.write("前日メッセージ")
＃「もしもカウントが１ぴったりだったら」という意味

else if (count==0)document.write("当日メッセージ");
＃「もしカウントが０になったら」という意味です。

else if (count<0)document.write("メッセージ",-count,"日");
＃「もしもカウントが０より小さく（＝０の日をすぎる）なったら」という意味です。

</script>＃これでおしまい。

この要領で
else if (なんつら)document.write("メッセージ")を増やしたり減らしたりして設定します。。

質問か何かあったら掲示板にでも書き込んでいただけると答えられます。（たぶん。。）