JavaScript で setHours() メソッドを使用する
-
JavaScript で
Hourパラメータのみを指定してsetHours()メソッドを使用する -
JavaScript ですべてのパラメーターを指定して
setHours()メソッドを使用する
開発部門では、多くの場合、タイム ゾーンを変更し、ユーザーに利益をもたらす時間を設定する必要があります。
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>
出力：
-method-with-only-hour-parameter.webp)
ご覧のとおり、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>
出力：
-method.webp)
ここで、setHours() メソッドの時間パラメーターは 25 であり、定義された範囲外です。
25-24 を実行することを意味するため、day も影響を受けて 5 月 14 日になります。同様に、second の部分は 76-60 によって計算されます。
