jQuery は、Web サイトのフロントエンド開発で広く使用されている JavaScript フレームワークで、開発作業を大幅に簡素化する便利な機能とメソッドを多数提供しています。時間処理は Web サイト開発プロセスに不可欠な部分であるため、jQuery を使用して時間を処理する方法を理解すると、効率が大幅に向上します。この記事ではjQueryで時刻処理を開始する方法を解説します。
1. 開始時刻
jQuery では、組み込み JavaScript 関数 Date()
を使用して現在時刻を取得できます。たとえば、次のコードは新しい Date オブジェクトを作成し、時刻を現在時刻に設定します。
var currentDate = new Date();
時間を自分で設定することもできます。たとえば、次のコードは新しい Date オブジェクトを作成し、時刻を 1970 年 1 月 1 日の午前 8 時に設定します。
var customDate = new Date(1970, 0, 1, 8, 0, 0);
2. 時刻の取得
時刻の取得は非常に一般的な操作です。 jQuery には、時間のさまざまな部分を取得するためのメソッドがいくつか用意されています。
1. 年の取得
現在の年を取得するには、以下に示すように、getFull Year()
メソッドを使用できます。月の取得
現在の月を取得するには、0 から始まる数値を返す
getMonth() メソッドを使用できます (0 は 1 月、1 は 2 月などを表します) )、以下に示すように: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>var year = currentDate.getFullYear();</pre><div class="contentsignin">ログイン後にコピー</div></div>
実際の月 (1 は 1 月を表し、2 は 2 月を表すなど) を取得したい場合は、次のコードを使用できます:
var month = currentDate.getMonth();
3日付を取得します
現在の日付を取得するには、
getDate()メソッド: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>var month = currentDate.getMonth() + 1;</pre><div class="contentsignin">ログイン後にコピー</div></div>
4 を使用します。時間を取得します
getHour()
メソッド:var date = currentDate.getDate();
5. 分の取得
現在の分を取得するには、getMinute() を使用します。
メソッド:var hour = currentDate.getHours();
6. 秒数の取得
現在の秒数を取得するには、getSeconds()
メソッド:##を使用します。 #var minute = currentDate.getMinutes();
3. 時刻の書式設定通常 次に、時刻を何らかの形式でユーザーに提示する必要があります。 jQuery が提供するいくつかのメソッドを使用すると、時刻を簡単にフォーマットできます。
1. 日付と時刻の形式
日付と時刻を特定の形式で表示するには、
toLocaleString()メソッドを使用します。たとえば、現在時刻を「yyyy-MM-dd HH:mm:ss」形式で表示するには:
var second = currentDate.getSeconds();
2. 形式 date 日付のみを表示したい場合は、次のようにします。
メソッドを使用できます。たとえば、現在の日付を「yyyy-MM-dd」形式で表示したい場合:
var formattedDate = currentDate.toLocaleString('zh-CN', {year:'numeric', month:'2-digit', day:'2-digit',hour:'2-digit', minute:'2-digit', second:'2-digit' });
3. 時刻の形式時刻のみを表示したい場合は、# を使用できます。 ##toLocaleTimeString()
var formattedDate = currentDate.toLocaleDateString('zh-CN', {year:'numeric', month:'2-digit', day:'2-digit' });
Web サイト開発において、処理時間は重要な部分です。このプロセスは、jQuery が提供する関数とメソッドを使用して大幅に簡素化できます。この記事で説明する方法を使用すると、時間データの処理を開始し、それを使用してユーザーに表示できます。ウェブサイトの開発を楽しんでください。
以上がjQueryで時間を開始する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。