---
title: Date.prototype.setHours()
slug: Web/JavaScript/Reference/Global_Objects/Date/setHours
tags:
  - Date
  - JavaScript
  - Method
  - Prototype
  - Reference
translation_of: Web/JavaScript/Reference/Global_Objects/Date/setHours
---
<div>{{JSRef}}</div>

<p><strong><code>setHours()</code></strong> メソッドは、地方時に基づき、指定された日付の「時」を設定し、協定世界時 (UTC) 1970 年 1 月 1 日 00:00:00 から更新された {{jsxref("Date")}} インスタンスが表す時刻までの間のミリ秒単位の数値を返します。</p>

<div>{{EmbedInteractiveExample("pages/js/date-sethours.html")}}</div>

<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox notranslate"><var>dateObj</var>.setHours(<var>hoursValue</var>[, <var>minutesValue</var>[, <var>secondsValue</var>[, <var>msValue</var>]]])</pre>

<h3 id="JavaScript_1.3_以前">JavaScript 1.3 以前</h3>

<pre class="syntaxbox notranslate"><var>dateObj</var>.setHours(<var>hoursValue</var>)</pre>

<h3 id="Parameters" name="Parameters">引数</h3>

<dl>
 <dt><code><var>hoursValue</var></code></dt>
 <dd>理想的には、「時」を表す 0 から 23 までの間の整数値です。23よりも大きな値が指定された場合は、日時は追加の時間数だけ増加します。</dd>
 <dt><code><var>minutesValue</var></code></dt>
 <dd>任意。理想的には、「分」を表す 0 から 59 までの間の整数値です。59よりも大きな値が指定された場合は、日時は追加の分数だけ増加します。</dd>
 <dt><code><var>secondsValue</var></code></dt>
 <dd>任意。理想的には、「秒」を表す 0 から 59 までの間の整数値です。59より大きな値が指定された場合は、日時は追加の秒数だけ増加します。<code><var>secondsValue</var></code> 引数を指定した場合は、<code><var>minutesValue</var></code> も指定しなければなりません。</dd>
 <dt><code><var>msValue</var></code></dt>
 <dd>任意。理想的には、ミリ秒を表す 0 から 999 までの間の整数値です。999よりも大きな値が指定された場合は、日時は追加のミリ秒数だけ増加します。<code><var>msValue</var></code> 引数を指定した場合、<code><var>minutesValue</var></code> と <code><var>secondsValue</var></code> も指定しなければなりません。</dd>
</dl>

<h3 id="Return_value" name="Return_value">返値</h3>

<p>協定世界時 (UTC) 1970 年 1 月 1 日 00:00:00 から更新された日時までの間のミリ秒単位の数値。</p>

<h2 id="Description" name="Description">解説</h2>

<p><code><var>minutesValue</var></code>, <code><var>secondsValue</var></code> および <code><var>msValue</var></code> 引数を指定しなかった場合、{{jsxref("Date.prototype.getMinutes()", "getMinutes()")}} と {{jsxref("Date.prototype.getSeconds()", "getSeconds()")}}、{{jsxref("Date.prototype.getMilliseconds()", "getMilliseconds()")}} メソッドから返される値が使われます。</p>

<p>指定した値が期待される日付の範囲外の場合、それに応じて <code>setHours()</code> が他の引数と {{jsxref("Date")}} オブジェクトの日付情報の更新を試みます。例えば、<code><var>secondsValue</var></code> に 100 を指定した場合、分に 1 加算 (<code><var>minutesValue</var> + 1</code>) され、秒が 40 になります。</p>

<h2 id="Examples" name="Examples">例</h2>

<h3 id="Using_setHours" name="Using_setHours">setHours() の使用</h3>

<pre class="brush: js notranslate">var theBigDay = new Date();
theBigDay.setHours(7);
</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-date.prototype.sethours', 'Date.prototype.setHours')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<p>{{Compat("javascript.builtins.Date.setHours")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li>{{jsxref("Date.prototype.getHours()")}}</li>
 <li>{{jsxref("Date.prototype.setUTCHours()")}}</li>
</ul>