自動でNEWマークを表示

更新日時と対象期間を比較し自動でNEWを表示

更新日時が14日以内であればNEW。

jQuery

$(function () { $('time').each(function(){ // 現在日時 var current = new Date(); // 14日(2週間)前のミリ秒 var range_ms = current.getTime() - (14 * 24 * 60 * 60 * 1000); // 更新日時 var modified = new Date($(this).attr('datetime')); // 更新日時のミリ秒 var modified_ms = modified.getTime(); if (range_ms < modified_ms){ $(this).after('<span>NEW</span>'); } }); });

new Date()はIE8以下では使用不可。

HTML

<time datetime="2017-01-18">2017/01/18</time> <p>今日</p> <time datetime="2017-01-11">2017/01/11</time> <p>1週間前</p> <time datetime="2016-12-19">2016/12/19</time> <p>1か月前</p> <time datetime="2016-07-20">2016/07/20</time> <p>半年前</p> <time datetime="2016-01-19">2016/01/19</time> <p>1年前</p>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。