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

JavaScriptのDate.toTimeString()メソッドとは？使い方と実行例を解説

Dateオブジェクトとは

Dateオブジェクトは、JavaScriptに組み込まれているデータ型の一つです。以下のように、new Date()を使ってDateオブジェクトを作成します。

Dateオブジェクトを一度作成すると、さまざまなメソッドを使ってその値を操作できるようになります。ほとんどのメソッドは、ローカル時間またはUTC（協定世界時／GMT）のいずれかを基準として、オブジェクトが持つ年・月・日・時・分・秒・ミリ秒の各フィールドを取得・設定するためのものです。

DateオブジェクトのtoTimeString()メソッドは、Dateオブジェクトが保持している「時刻」の部分を文字列として返します。

構文

構文は以下のとおりです。

dateObj.toTimeString()

使用例

次の例では、コンストラクタに日付と時刻を指定してDateオブジェクトを作成し、toTimeString()メソッドで時刻部分を取得して表示しています。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date('September 26, 89 12:4:25:96');
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

実行結果

Current Time: 12:04:25 GMT+0530 (India Standard Time)

使用例：引数を指定しない場合

Dateオブジェクトの作成時にコンストラクタへ引数を渡さなかった場合、このメソッドは現在の時刻を返します。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date();
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

実行結果

Current Time: 14:56:58 GMT+0530 (India Standard Time)

使用例：時刻を指定しない場合

Dateオブジェクトの作成時にコンストラクタへ日付のみを指定し、時刻を省略した場合は、時刻が0（00:00:00）として返されます。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var dateObj = new Date('September 26, 89');
      document.write("Current Time: "+dateObj.toTimeString());
   </script>
</body>
</html>

実行結果

Current Time: 00:00:00 GMT+0530 (India Standard Time)
  1. JavaScriptのDate.@@toPrimitive()関数とは？日付オブジェクトをプリミティブ値に変換する方法

    JavaScriptのDate.@@toPrimitive()関数は、Dateオブジェクトをプリミティブ値に変換するために使用されます。このメソッドはSymbol.toPrimitiveプロパティを通じて呼び出され、引数に指定したヒント（hint）に応じて、文字列や数値など適切なプリミティブ値を返します。 ヒントの種類と戻り値 「default」：日付を表す文字列が返されます。 「number」：1970年1月1日00:00:00 UTCからの経過ミリ秒数（タイムスタンプ）が数値で返されます。 「string」：「default」と同様に、日付を表す文字列が返されます。 サンプルコード 以

  2. JavaScriptでDateオブジェクト（文字列データ）に時間を追加する方法

    JavaScriptで日付・時刻のデータを扱う際、「現在の時刻から2時間後」のように指定した時間を加算したいケースはよくあります。本記事では、文字列から作成したDateオブジェクトに対して、setHours()とgetHours()を組み合わせて時間を追加する方法を解説します。 1. 新しいDateオブジェクトを作成する まずは、日時を表す文字列をもとに、新しいDateオブジェクトを作成しましょう。 var dateValue = new Date(2021-01-12 10:10:20); 2. setHours()とgetHours()で時間を追加する getHours()メソッドで現在の