ホームページ ウェブフロントエンド フロントエンドQ&A jqueryを使用してミリ秒を時、分、秒に変換します

jqueryを使用してミリ秒を時、分、秒に変換します

May 28, 2023 pm 12:52 PM

今日は、jQuery を使用してミリ秒を時、分、秒の形式に変換する方法を検討します。多くのプログラムやアプリケーションは時間形式を扱う必要があるため、多くの場合、ミリ秒を読み取り可能な時、分、秒の形式に変換する必要があります。

このチュートリアルでは、jQuery と JavaScript を使用してこの目標を達成します。ミリ秒を受け入れ、それを時分秒形式に変換するカスタム関数を作成します。

まず、ミリ秒を変換するための式を見てみましょう:

var milliseconds = 1000;
var seconds = 60;
var minutes = 60;
var hours = 24;
var days_to_milliseconds = 86400000;

var current_time_in_milliseconds = new Date().getTime();
var time_difference_in_milliseconds = current_time_in_milliseconds - start_time_in_milliseconds;

var seconds_since_start = Math.floor(time_difference_in_milliseconds / milliseconds);
var minutes_since_start = Math.floor(seconds_since_start / seconds);
var hours_since_start = Math.floor(minutes_since_start / minutes);
var days_since_start = Math.floor(hours_since_start / hours);

// Display the result in the console
console.log(days_since_start + ' days, ' + hours_since_start % 24 + ' hours, ' + minutes_since_start % 60 + ' minutes, and ' + seconds_since_start % 60 + ' seconds since start.');
ログイン後にコピー

次に、この式を jQuery 関数に適用してミリ秒を変換しましょう:

function millisecondsToTime(ms) {
  var milliseconds = 1000;
  var seconds = 60;
  var minutes = 60;
  var hours = 24;
  var days_to_milliseconds = 86400000;

  var time_difference_in_milliseconds = ms;

  var seconds_since_start = Math.floor(time_difference_in_milliseconds / milliseconds);
  var minutes_since_start = Math.floor(seconds_since_start / seconds);
  var hours_since_start = Math.floor(minutes_since_start / minutes);
  var days_since_start = Math.floor(hours_since_start / hours);

  // Format the result
  var result = '';
  if (days_since_start > 0) {
    result += days_since_start + '天 ';
  }
  if (hours_since_start > 0) {
    result += hours_since_start % 24 + '小时 ';
  }
  if (minutes_since_start > 0) {
    result += minutes_since_start % 60 + '分钟 ';
  }

  // Add the seconds
  result += seconds_since_start % 60 + '秒';

  return result;
}
ログイン後にコピー

上記の関数では、時間単位ごとに変数を作成し、floor 関数を使用して時間差を最も近い整数に丸めました。次に、時間差に基づいて各時間単位の量を計算し、必要に応じて結果文字列に追加します。

ここで、必要なミリ秒数をカスタム関数に渡すだけで、変換された書式設定された時刻文字列が返されます。私たちの関数は次のように呼び出すことができます:

var milliseconds = 500000; // This is the number of milliseconds we want to convert
var time_string = millisecondsToTime(milliseconds);
console.log(time_string); // Outputs "8分钟 20秒"
ログイン後にコピー

上記のコードでは、500000 ミリ秒をカスタム関数に渡し、返された文字列を変数に割り当てました。最後に、「8 分 20 秒」という結果の文字列をコンソールに出力します。

概要

この記事では、jQuery と JavaScript を使用して、ミリ秒を読み取り可能な時、分、秒の形式に変換する方法を説明しました。カスタム関数を作成し、時差を最も近い整数に四捨五入することで、フォーマットされた時刻文字列を作成できます。この方法は、多くのアプリケーションやプログラム、特に処理時間を必要とするアプリケーションやプログラムで使用できます。

以上がjqueryを使用してミリ秒を時、分、秒に変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

怠zyなロードの概念を説明してください。 怠zyなロードの概念を説明してください。 Mar 13, 2025 pm 07:47 PM

怠zyなロードの概念を説明してください。

UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? Mar 19, 2025 pm 03:58 PM

UseEffectとは何ですか?副作用を実行するためにどのように使用しますか?

React和解アルゴリズムはどのように機能しますか? React和解アルゴリズムはどのように機能しますか? Mar 18, 2025 pm 01:58 PM

React和解アルゴリズムはどのように機能しますか?

JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? Mar 18, 2025 pm 01:44 PM

JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか?

JavaScriptでカリーはどのように機能し、その利点は何ですか? JavaScriptでカリーはどのように機能し、その利点は何ですか? Mar 18, 2025 pm 01:45 PM

JavaScriptでカリーはどのように機能し、その利点は何ですか?

イベントハンドラーのデフォルトの動作をどのように防止しますか? イベントハンドラーのデフォルトの動作をどのように防止しますか? Mar 19, 2025 pm 04:10 PM

イベントハンドラーのデフォルトの動作をどのように防止しますか?

制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか? 制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか? Mar 19, 2025 pm 04:16 PM

制御されたコンポーネントと制御されていないコンポーネントの利点と短所は何ですか?

usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? Mar 19, 2025 pm 03:59 PM

usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか?

See all articles