自動で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-02-20">2017/02/20</time> <p>今日</p> <time datetime="2017-02-13">2017/02/13</time> <p>1週間前</p> <time datetime="2017-01-21">2017/01/21</time> <p>1か月前</p> <time datetime="2016-08-22">2016/08/22</time> <p>半年前</p> <time datetime="2016-02-21">2016/02/21</time> <p>1年前</p>

サンプル

最新の記事

プロフィール

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