ホームページ制作に役立つ!ブレイン・エイチシー

ホームページ制作の備忘録サイト(SEO / CSS / Javascript / Ajax / PHP / MySQL / WordPress / MovableType / etc…)

【Javascript】サンプル:日付判別、新着マーク表示・非表示

Posted by Yamana 8月 - 15 - 2009 - 土曜日 コメントは受け付けていません。
 

Javascriptでの日付判別スクリプトです。

MovableTypeと組み合わせて静的ページでの新着マークの表示・非表示をJavascriptで制御します。
function datecheck(type,update,days){ //設置例:datecheck('new','2009.07.07',15) //type…タイプ(基本'new') //update…設置日 //days…掲載期間(日) var arrDate = update.split("."); var dayNow = new Date(); var dayTgt = new Date(arrDate[0],arrDate[1] - 1,arrDate[2]); var lngDate = Math.floor((dayNow.getTime() - dayTgt.getTime()) / (1000 * 60 * 60 * 24)); if(lngDate<days){ if(type=='new'){ document.write('NEW!!'); } } }

■MovableTypeとの組み合わせ

”新着マーク”出力場所へ下記ソースを挿入
<script>datecheck('new','<$MTEntryDate format="%Y.%m.%d"$>',15);</script>