ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の日付オブジェクトに時間を追加するにはどうすればよいですか?

JavaScript の日付オブジェクトに時間を追加するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-17 11:22:02
オリジナル
1025 人が閲覧しました

How Can I Add Hours to a JavaScript Date Object?

「addHours」関数による Date オブジェクトの拡張

JavaScript Date オブジェクトには add メソッドがありませんが、カスタム機能を使用して作成することができます。

実装

日付に時間を追加するには、次の手順に従ってください手順:

  1. 時間をミリ秒に変換します: 時間数に 60 分を掛け、次に 60 秒を掛け、最後に 1000 ミリ秒を掛けます。
  2. 新しい時刻を設定します: setTime() を使用して、日付を現在時刻に時刻を加えたものに設定します。計算されたミリ秒。
  3. 変更された日付を返します。 追加メソッドの連鎖を可能にするためにこれを返します。
Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}
ログイン後にコピー

使用例

const now = new Date();
const fourHoursLater = now.addHours(4); // 4 hours added to current date
ログイン後にコピー

注意事項

  • この実装は、追加のようなエッジケースを処理しません。負の時間、または追加する時間が多すぎると、無効な日付または月の日付が生成されます。
  • setTime() メソッドはミリ秒単位のタイムスタンプを取得できるため、使用する前に時間をミリ秒に変換します。

以上がJavaScript の日付オブジェクトに時間を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート