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

JavaScriptのtoTimeString()メソッドでDateオブジェクトの時刻部分を読みやすい文字列として取得する方法

JavaScriptで日付（Date）の「時刻」部分を人間が読みやすい文字列として取得したい場合は、toTimeString()メソッドを使用します。このメソッドは、Dateオブジェクトが持つ時刻部分を「HH:MM:SS タイムゾーン」のような読みやすい形式の文字列で返します。

toTimeString()メソッドとは

toTimeString()は、Dateオブジェクトの日付情報（年・月・日）を除外し、時・分・秒およびタイムゾーン情報のみを文字列として返すメソッドです。ログ出力や画面表示など、時刻だけを扱いたい場面で便利です。

サンプルコード

以下のコードを実行すると、Dateオブジェクトから時刻部分のみを取得して表示できます。

<html>
   <head>
      <title>JavaScript toTimeString Method</title>
   </head>

   <body>
      <script>
         var dateobject = new Date(2018, 0, 1, 14, 39, 7);
         document.write( dateobject.toTimeString() );
      </script>
   </body>
</html>

実行結果

上記のコードでは、2018年1月1日の14時39分7秒という日時を持つDateオブジェクトを作成しています。実行すると、次のように時刻部分のみが出力されます。

14:39:07 GMT+0900 (日本標準時)

※表示されるタイムゾーン名は、実行環境の設定によって異なります。

関連メソッドとの違い

似たメソッドにtoString()がありますが、こちらは日付と時刻の両方を含む完全な文字列を返します。時刻部分のみが必要な場合は、toTimeString()を使うことで簡潔に目的を達成できます。

  1. Windows 10で時計の表示を24時間制・12時間制に変更する方法

    Windows 10のタスクバーの時計は、初期状態では12時間制で表示されるように設定されています。この仕様はWindows誕生以来変わっておらず、多くのユーザーはデフォルト設定に満足しているため、特に変更の必要はないでしょう。しかし中には、24時間制表示を好むユーザーや、逆に24時間制になっているのを12時間制に戻したいユーザーもいます。 Windows 10で時刻表示を24時間制/12時間制に切り替える方法 では、実際にどうやって2つの形式を切り替えるのかが問題になります。実は方法は2つあり、「設定」アプリを使う方法と「コントロールパネル」を使う方法があります。どちらを選んでも、最終的な

  2. Windows 10で時刻表示を12時間制・24時間制に変更する方法

    Windows 10のタスクバーに表示される時計は、初期状態では12時間制で表示されるように設定されています。この設定で満足しているユーザーが大多数を占めており、あえて変更する必要がない方も多いでしょう。しかし、中にはタスクバーの時計を24時間制に変更したいと考えているユーザーもいます。逆に、24時間制で表示されているものを12時間制に戻したいというケースもあるかもしれません。Windows 10で時刻表示の形式を変更する2つの方法それでは、どのようにして時刻表示の形式を切り替えるのでしょうか。実は、変更方法は主に2つあります。「設定」アプリを使う方法と「コントロールパネル」を使う方法です。ど