HOWTO · JavaScript

JavaScript で setHours() メソッドを使用する

JavaScript setHours() を使用すると、ユーザー定義の時間、分、または秒を設定できます。必ずしもすべてのパラメーターが必要なわけではありません。ただし、1つの定義済みパラメーターで好みのタイムゾーンを設定できます。

著者 Anika Tabassum Era公開日 2023-06-20更新日 2024-02-15

このページの内容

開発部門では、多くの場合、タイムゾーンを変更し、ユーザーに利益をもたらす時間を設定する必要があります。

JavaScript setHours() メソッドは、特定の hours カウントをメソッドに設定すると、その数値 (時間) に従ってタイムゾーンがリセットされることを意味します。ここで、考慮すべきもう 1つの側面は、ローカルタイムゾーンです。

Date() コンストラクターを呼び出して時刻を変更します。このコンストラクターは、タイムゾーンの現在の状況を識別する文字列を取ります。日と年で構成される文字列を渡さなくても、ローカル標準時間に基づいて現在のスタンドを取得します。

それでは、setHours() メソッドを実装する複数の方法を見て、例を探っていきます。掘り下げましょう！

JavaScript で `Hour` パラメータのみを指定して `setHours()` メソッドを使用する

技術的には、Date() コンストラクターをインスタンス化すると、最新の日時の詳細が取得されます。しかし、その特定のインスタンスの 時間 を変更したい場合は、setHours() メソッドのパラメーターを設定できます。

これに関して、Date() コンストラクターオブジェクトがインスタンス化されるたびに、そのインスタンスの hour のみがパラメーターとして更新されます。また、実行ごとに秒と分が更新され続けます。

コードスニペット：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(7);
document.write(event);
    </script>
</body>
</html>

出力：

時間パラメータのみで setHours() メソッドを使用

ご覧のとおり、hour パラメーターが取得され、残りの別名 分、秒、日、月、および 年 は、Date() として定義されています。コンストラクターグラブ。

JavaScript ですべてのパラメーターを指定して `setHours()` メソッドを使用する

この特定のケースでは、定義された 時、分、および 秒 を使用して現在の時間枠を変更します。これは、Date() が取得する時間に関係なく、パラメータを設定すると時刻の値が変更されることを意味しますが、date と day のカウントはローカルタイムゾーンに従って設定されます。

これは、2 番目と 3 番目のパラメーター (minute と second) の有効範囲が 0-59 で、hour の有効範囲が 0-23 であることを指定するためです。次の例では、setHours() メソッドがそのような場合をどのように処理するかについても説明します。

コードスニペット：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(25, 42, 76);
document.write(event);
    </script>
</body>
</html>