JavaScriptを使用して現在の日付と時刻を取得するにはどうすればよいですか?

WBOY
リリース: 2023-10-21 11:13:41
オリジナル
1441 人が閲覧しました

如何使用 JavaScript 获取当前日期和时间?

JavaScript を使用して現在の日付と時刻を取得するにはどうすればよいですか?

JavaScript は、Web ページにダイナミクスと対話性を追加するために使用される人気のあるプログラミング言語です。多くの場合、現在の日付と時刻を取得し、Web ページに表示したり、それに基づいて他の操作を実行したりする必要があります。この記事では、JavaScript を使用して現在の日付と時刻を取得する方法と、具体的なコード例を示します。

現在の日付を取得する

現在の日付を取得するには、JavaScript で Date オブジェクトを使用します。 Date このオブジェクトは現在の日付と時刻を表し、そのプロパティとメソッドを使用して日付を操作および表示できます。

現在の日付の年を取得するには、getFull Year() メソッドを使用できます。以下はサンプル コードです。

let today = new Date();
let year = today.getFullYear();
console.log(year);  // 输出当前的年份
ログイン後にコピー

現在の日付の月を取得するには、 getMonth() メソッドを使用できます。 getMonth() は月を示す 0 から始まる数値を返すため、1 を加算することに注意してください。以下はサンプル コードです。

let today = new Date();
let month = today.getMonth() + 1;
console.log(month);  // 输出当前的月份
ログイン後にコピー

現在の日付を取得するには、getDate() メソッドを使用できます。以下はサンプル コードです。

let today = new Date();
let date = today.getDate();
console.log(date);  // 输出当前的日期
ログイン後にコピー

現在時刻の取得

現在時刻を取得するには、Date オブジェクト メソッドを使用して、時間、分、秒とミリ秒。

現在の時刻を取得するには、getHours() メソッドを使用します。以下はサンプル コードです。

let today = new Date();
let hours = today.getHours();
console.log(hours);  // 输出当前的小时
ログイン後にコピー

現在の時刻の分を取得するには、getMinutes() メソッドを使用できます。以下はサンプル コードです。

let today = new Date();
let minutes = today.getMinutes();
console.log(minutes);  // 输出当前的分钟
ログイン後にコピー

現在時刻の秒を取得するには、getSeconds() メソッドを使用できます。以下はサンプル コードです。

let today = new Date();
let seconds = today.getSeconds();
console.log(seconds);  // 输出当前的秒数
ログイン後にコピー

現在時刻のミリ秒数を取得するには、getMilliseconds() メソッドを使用できます。以下はサンプル コードです。

let today = new Date();
let milliseconds = today.getMilliseconds();
console.log(milliseconds);  // 输出当前的毫秒数
ログイン後にコピー

Web ページに現在の日付と時刻を表示します

現在の日付と時刻を取得した後、Web ページに表示できます。これを実現するには、JavaScript を使用して HTML 要素を取得し、その要素に日付と時刻を挿入します。

まず、HTML ファイルに div 要素を作成して日付と時刻を表示します。

<div id="datetime"></div>
ログイン後にコピー

次に、この div を JavaScript で取得します。 code 要素を追加し、そこに現在の日付と時刻を挿入します。

let today = new Date();
let datetimeElement = document.getElementById("datetime");
datetimeElement.innerHTML = today;  // 插入当前日期和时间
ログイン後にコピー

上記のコードを使用すると、現在の日付と時刻がページ上の指定された div 要素に表示されます。

概要

Date オブジェクトとその関連メソッドを通じて、現在の日付と時刻を取得し、Web ページ上で表示またはさらなる操作を実行できます。この記事では、現在の日付と時刻を取得するコード例を示し、それらを Web ページに表示する方法を示します。それだけでなく、JavaScript は日付と時刻をさらに操作するためのより強力な関数も提供します。この記事がお役に立てば幸いです!

以上がJavaScriptを使用して現在の日付と時刻を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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