インターネットの継続的な発展とアプリケーションの人気に伴い、タイムスタンプは一般的に使用される時間表現方法として、さまざまなデータ対話シナリオで広く使用されています。フロントエンド開発者にとって、タイムスタンプをユーザーにより直感的に表示できるようにすると同時に、バックエンド データの対話を容易にするために、タイムスタンプを変換することが必要になることがよくあります。
JavaScript では、タイムスタンプはミリ秒で表される時間の単位ですが、実際の使用では、年、月、日、時、分、秒などのサイクル単位で時間を表すことに慣れています。待って。したがって、この記事では、JavaScript を使用してタイムスタンプをさまざまな周期単位の時間表現に変換する方法について説明します。
- タイムスタンプを時刻文字列に変換する
JavaScript では、Date オブジェクトの toLocaleString() メソッドを使用して、タイムスタンプをローカル時刻文字列に変換できます。このメソッドは文字列を返します。文字列の形式はロケールによって異なります (「2022/01/01 1:00:00 PM」など)。
コード例:
const timestamp = 1641010800000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const localTimeString = date.toLocaleString(); // 本地时间字符串 console.log(localTimeString);
- タイムスタンプを日付文字列に変換
タイムスタンプをローカル時刻文字列に変換することに加えて、次のように変換することもできます。カレンダー日付形式の文字列。つまり、年、月、日の部分のみが保持されます。これは、Date オブジェクトの toLocaleDateString() メソッドを使用して実現できます。
コード例:
const timestamp = 1641010800000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const dateString = date.toLocaleDateString(); // 日期字符串 console.log(dateString);
- タイムスタンプを時刻文字列 (日付を除く) に変換します
時刻の一部のみを保持する必要がある場合は、次のようにします。 Date オブジェクトの toLocaleTimeString() メソッドを使用できます。
コード例:
const timestamp = 1641010800000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const timeString = date.toLocaleTimeString(); // 时间字符串(不包含日期) console.log(timeString);
- タイムスタンプを時刻オブジェクトに変換する
JavaScript の Date オブジェクトは、タイムスタンプを文字列形式に変換するだけでなく、年、月、日、時、分、秒などの情報を含む時間オブジェクトに変換されます。
コード例:
const timestamp = 1641010800000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const year = date.getFullYear(); // 年 const month = date.getMonth() + 1; // 月(注意要加上1) const day = date.getDate(); // 日 const hour = date.getHours(); // 时 const minute = date.getMinutes(); // 分 const second = date.getSeconds(); // 秒 console.log(year, month, day, hour, minute, second);
- タイムスタンプを時、分、秒の表現に変換する
時、分、秒の部分のみを取得する必要がある場合があります。タイムスタンプとその日のゼロ時刻タイムスタンプの差を計算でき、単位変換を実行して時、分、秒の表現を取得します。
コード サンプル:
const timestamp = 1641010800000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const zeroTimestamp = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime(); // 当天零点的时间戳 const diff = (timestamp - zeroTimestamp) / 1000; // 时间戳与当天零点时间戳之间的差值,单位为秒 const hour = Math.floor(diff / 3600); // 小时 const minute = Math.floor((diff % 3600) / 60); // 分钟 const second = Math.floor(diff % 60); // 秒 console.log(hour, minute, second);
概要:
JavaScript では、toLocaleString などの Date オブジェクトのさまざまなメソッドを使用して、タイムスタンプをさまざまな期間単位の時間表現に変換できます。 ()、toLocaleDateString()、toLocaleTimeString()、getFull Year() など。同時に時差も計算して、時、分、秒などの表現を得ることができます。上記の方法は、ほとんどの場合変換ニーズを満たすことができますが、開発者にはユーザー エクスペリエンスを向上させるために必要に応じてカスタマイズされた開発を実行する十分な自由も与えられます。
以上がJavaScriptのタイムスタンプ変換サイクルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

この記事では、functionコンポーネントでのデータフェッチやDOM操作などの副作用を管理するためのフックであるReactの使用Effectについて説明します。メモリリークなどの問題を防ぐための使用、一般的な副作用、およびクリーンアップについて説明します。

怠zyな読み込みは、必要になるまでコンテンツの読み込みを遅延させ、初期負荷時間とサーバーの負荷を削減することにより、Webパフォーマンスとユーザーエクスペリエンスを改善します。

この記事では、JavaScriptのカレーについて説明します。これは、マルチアーグメント関数を単一argument関数シーケンスに変換する手法です。 Curryingの実装、部分的なアプリケーションなどの利点、実用的な用途、コード読み取りの強化を調査します

JavaScriptの高次関数は、抽象化、共通パターン、および最適化技術を通じて、コードの簡潔さ、再利用性、モジュール性、およびパフォーマンスを強化します。

この記事では、Virtual DOMツリーを比較してDOMを効率的に更新するReactの調整アルゴリズムについて説明します。パフォーマンスの利点、最適化技術、ユーザーエクスペリエンスへの影響について説明します。

記事では、Connect()、MapStateToprops、MapDispatchToprops、およびパフォーマンスへの影響を説明するReduxストアに反応コンポーネントをReduxストアに接続します。

この記事では、ReactのUseContextを説明しています。これにより、小道具掘削を避けることで国家管理を簡素化します。再レンダーの削減により、集中状態やパフォーマンスの改善などの利点について説明します。

記事では、PreventDefault()メソッドを使用して、イベントハンドラーのデフォルト動作の防止、ユーザーエクスペリエンスの強化などの利点、およびアクセシビリティの懸念などの潜在的な問題について説明します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

Dreamweaver Mac版
ビジュアル Web 開発ツール

ホットトピック



