JavaScript - timeStamp()

時限メッセージ付きタイムスタンプ

更新日を登録しておくと、一定の期日まで更新日とともに任意のメッセージを表示するJavaScriptです。使用法は簡単ですので、JavaScriptを知らなくても、このページのスクリプトをHTMLの中にコピーするだけで利用できます。

通常「 New 」などのメッセージをホームページに表示させた場合、その項目が「 New 」でなくなった頃に、ホームページを忘れずに修正して「 New 」を削除する必要があります。
しかし、このJavaScriptを使用すれば、ホームページが開かれるたびに、自動的に現在日と更新日から日数が計算され、最初に指定した期日内のみ指定したメッセージやイメージが表示されるので、後でメッセージをいちいち削除する必要がありません。
不定期にホームページを更新している方にとっては、便利なスクリプトだと思います。

例１

例２

例３

例１は、更新日から一週間「 New 」を表示するようにして、更新日を表示した例です。

例２のようにイメージではなく任意のメッセージを表示することもできます。また、このように更新日そのものは表示しないようにもできます。

例３は、例１と同じ指定をしたものですが、更新日から一週間以上経っているので、「 New 」は表示されず、更新日だけが表示されています。

以上の例のように表示するには、下記のようなHTMLを作成します。

↓↓ ここからフリー素材！ご自由にコピーしてご利用下さい。↓↓

<HTML>
<HEAD>
<TITLE>timeStamp() sample</TITLE>

<!--- タイムスタンプ JavaScript  by 甲斐駒電脳工房 --->
<SCRIPT LANGUAGE="JavaScript">
  function timeStamp(yy, mm, dd, dispDate, term, msg){
    var today = new Date();
    var upday = new Date(yy, mm-1, dd);
    d = (today.getTime() - upday.getTime()) / (24*60*60*1000);
    if (dispDate == 1){
      var y = yy % 100;
      if (y < 10)
        document.write("（'0" + y + "/" + mm + "/" + dd + "更新）");
      else
        document.write("（'" + y + "/" + mm + "/" + dd + "更新）");
    }
    if (d < term){
      document.write(msg);
    }
  }
</SCRIPT>
</HEAD>
<BODY>
例１

<P>
例２

<P>
例３

<P>
</BODY>
</HTML>

↑↑ ここまでフリー素材！ご自由にコピーしてご利用下さい。↑↑

使用法

タイムスタンプ表示関数のコピー
上の例の、 から </SCRIPT>まで（紫色の部分）を、タイムスタンプを表示したいページのHTMLの最初の方（通常、上の例のように、<HEAD>と </HEAD>の間）にコピーします。
この関数そのものは、ホームページには表示されません。この関数を任意の場所から呼び出すことで、呼び出した個所にタイムスタンプが表示されます。

タイムスタンプ表示関数の呼び出し
上の例の、「例１」「例２」「例３」の下の、 から </SCRIPT>まで（青色の部分）を、タイムスタンプを表示したい個所にそれぞれ挿入します。呼び出し方は以下の通りです。
- 書式
  timeStamp(年, 月, 日, 更新日の表示, メッセージ表示日数, メッセージ);
- 引数
  - 年, 月, 日
    更新日の年（西暦）, 月, 日
    （注）
    年の指定は1900年台であれば、そのまま（４桁）でも下２桁でも指定できますが、2000年台の場合は、下２桁指定だと正しく動作しません。（これは、ご使用の環境によっても異なるかもしれません。）
  - 更新日の表示
    （0＝非表示、1＝表示）
  - メッセージ表示日数
    メッセージを表示する日数（更新日から数えた日数）
  - メッセージ
    任意のテキスト（HTMLタグ使用可）を前後に半角の引用符（'）を付けて指定します。
- イメージの表示
  イメージを表示する場合は、上の例１のように<IMG>タグを使用したHTMLをメッセージのところに指定します。
  「」「」などのイメージは、別途用意するか、（こんなんでよければ）このページのものをコピーしてご使用下さい。

作成甲斐駒電脳工房