jQueryでサイトにカウントダウンを表示させたい
サイトや実店舗のリニューアルオープンまでのカウントダウンをトップページなどに載せたい場合などに使える、jQueryを使ったカウントダウンのスクリプトです。
$(function(){
myD = new Date(); // 現在時刻 取得
myNextYear = new Date( 2011 , 2 , 20 ); // リニューアルオープン日の経過秒を取得。月は実際より-1する（例・３月の場合 3-1=2）
myMsec = myNextYear.getTime()-myD.getTime();
myNextDay = Math.floor(myMsec/(1000*60*60*24)); // カウントダウン用 '日' 取得
$("#myFormDate").html(myNextDay+1);
});
<p>リニューアルオープンまであと、<span id="myFormDate"></span>日です。</p>
今回カウントダウンするのは日だけですが、次回、秒までカウントダウン可能なスクリプトを書いてみます。
参考サイト
