JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのDateオブジェクトに30分を追加する方法

JavaScriptのDateオブジェクトに分を加算したい場合は、setMinutes()メソッドを使用します。現在の分をgetMinutes()で取得し、そこに30を足して設定し直すだけで、簡単に30分後の時刻を求められます。

setMinutes()メソッドとは

setMinutes()は、指定された日時の「分」をローカルタイム(現地時間)に基づいて設定するメソッドです。引数に0〜59の範囲外の値(例:75など)を渡した場合でも、自動的に時や日の繰り上がりが計算されるため、手動で桁上げを処理する必要がありません。

サンプルコード

以下のコードを実行すると、現在時刻に30分を追加したDateオブジェクトを画面に出力できます。

<html>
   <head>
      <title>JavaScript setMinutes メソッド</title>
   </head>
   <body>
      <script>
         // 現在の日時を取得
         var dt = new Date();

         // 現在の「分」に30を加算して設定
         dt.setMinutes( dt.getMinutes() + 30 );

         // 結果を出力
         document.write( dt );
      </script>
   </body>
</html>

実行結果

Sat Dec 15 2018 12:18:47 GMT+0530 (India Standard Time)

この例では、元の時刻からちょうど30分進んだ日時が出力されていることがわかります。

ポイント解説

  • dt.getMinutes()で現在の「分」の値を取得します。
  • 取得した値に30を加算し、dt.setMinutes()で新しい値を設定します。
  • 加算結果が60を超えた場合も、JavaScriptが自動的に「時」への繰り上がりを行ってくれるため、特別な処理は不要です。

なお、モダンなコーディングではdocument.write()の代わりにconsole.log(dt)を使うのが一般的です。また、より複雑な日付操作を行う場合は、MDNのDateドキュメントやDay.jsなどのライブラリも参考にするとよいでしょう。

  1. JavaScriptオブジェクトのプロパティの追加・アクセス・削除方法を徹底解説

    JavaScriptでは、オブジェクトのプロパティに対して追加・アクセス・削除といった操作を簡単に行うことができます。本記事では、それぞれの操作方法をサンプルコードとともにわかりやすく解説します。 JavaScriptオブジェクトのプロパティ操作の基本 JavaScriptオブジェクトのプロパティは、主に以下の方法で操作します。 プロパティの追加: ドット記法(obj.プロパティ名 = 値;)またはブラケット記法(obj[プロパティ名] = 値;)を使用します。存在しないプロパティに値を代入すると、自動的に新しいプロパティが作成されます。 プロパティへのアクセス: ドット記法(obj.プロパ

  2. JavaScriptオブジェクトにメソッドを追加・アクセスする方法をわかりやすく解説

    JavaScriptでは、オブジェクトのプロパティとして関数(メソッド)を後から動的に追加することができます。ここでは、ドット記法を使ってオブジェクトにメソッドを追加し、それを呼び出してアクセスする方法を紹介します。基本的な考え方JavaScriptのオブジェクトは「プロパティ」と「メソッド」で構成されます。プロパティが値を保持するのに対し、メソッドは関数として定義され、オブジェクトの操作や処理を行います。既存のオブジェクトに新しいメソッドを追加するには、次のようにドット記法で関数を代入します。obj.メソッド名 = function() { ... };メソッド内では this キーワードを