一定期間だけNEWの文字を表示する


動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - - -
Macintosh - - -
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント oldDay = new Date(y+"/"+m+"/"+d); newDay = new Date(); n = (newDay - oldDay)/(1000*60*60*24); if (n <= 7) document.write("<font color='red'><I>NEW</I></font>");
説  明 一定期間だけNEWマークを表示するには、いつファイルが作成(更新)されたかを指定しておき、現在の日付との差分を求めます。new Date()のDateオブジェクトへの引数は、様々な日付形式を指定できます。サンプルでは4桁の西暦年、月、日を/で区切って連結し引数としています。new Date()自体は1970年1月1日からのミリ秒になるので、作成日と現在の日時との差分を取り1日のミリ秒数で除算します。
サンプル <html> <head> <title>一定期間だけNEWの文字を表示する</title> <script Language="JavaScript"><!-- function newMark(y,m,d) { oldDay = new Date(y+"/"+m+"/"+d); newDay = new Date(); n = (newDay - oldDay)/(1000*60*60*24); if (n <= 7) document.write("<font color='red'><i>NEW</i></font>"); } // --></script> </head> <body> このページが1週間以内の更新だと横にNEWが表示されます。 <script>newMark(2001,3,3)</script> </body> </html>
補足説明 ファイルが作成、更新された場合にNEWを表示する方法はいくつかあります。以下のサイトなどを参考にしてください。 MTS氏:http://hp.vector.co.jp/authors/VA016550/index.htm はぎさん:http://www.din.or.jp/~hagi3/JavaScript/JSTips/Default.htm

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA