jQuery を使う前提で…
JavaScript
1function isNew(id) {
2 var dateStr = $("#"+id).text();
3 var date = new Date(datestr);
4 var nowDate = new Date();
5 date.SetHours(0);
6 date.SetMinutes(0);
7 date.SetSeconds(0);
8 date.SetMilliSeconds(0);
9 nowDate.SetHours(0);
10 nowDate.SetMinutes(0);
11 nowDate.SetSeconds(0);
12 nowDate.SetMilliSeconds(0);
13 // これでミリ秒単位で現在からどれだけ前の日かが分かる
14 var ellapse = nowDate.GetTime() - date.GetTime();
15 // 7日をミリ秒単位で表して、差がそれ以下なら true を返す
16 return (ellapse <= 7 * 24 * 60 * 60 * 1000)
17}
こんな関数を定義しておいて、ロードしたときに
JavaScript
1$.ready(function() {
2 if (isNew("update")) {
3 $("p .ttlNew").html('<img src="/test/img/common/new.png" alt="new">');
4 }
5});
とすれば、html が動的に差し込まれますかね。
img 自体は常に書いておいて、class をいじって hidden にするとかでもよさそうですが。