jQueryでサイトにカウントダウンを表示させたい
サイトや実店舗のリニューアルオープンまでのカウントダウンをトップページなどに載せたい場合などに使える、jQueryを使ったカウントダウンのスクリプトです。
$(function(){ myD = new Date(); // 現在時刻 取得 myNextYear = new Date( 2011 , 2 , 20 ); // リニューアルオープン日の経過秒を取得。月は実際より-1する(例・3月の場合 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>
今回カウントダウンするのは日だけですが、次回、秒までカウントダウン可能なスクリプトを書いてみます。