ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で秒を hh:mm:ss 時間形式に変換するにはどうすればよいですか?

JavaScript で秒を hh:mm:ss 時間形式に変換するにはどうすればよいですか?

DDD
リリース: 2024-12-01 02:56:10
オリジナル
444 人が閲覧しました

How to Convert Seconds to hh:mm:ss Time Format in JavaScript?

hh:mm:ss 形式で秒をコロンで区切られた時刻文字列に変換

継続時間を秒から人間が判読できる時間に変換hh:mm:ss 形式の文字列は、Web 開発における一般的なタスクとなる場合があります。これは、メディアの再生時間、タイマー、または正確な時間表現が必要なその他のシナリオを表示する場合に特に便利です。

この変換をシームレスに実行する簡単で効率的な JavaScript スニペットを見てみましょう:

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // don't forget the second param
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
    var seconds = sec_num - (hours * 3600) - (minutes * 60);

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours+':'+minutes+':'+seconds;
}
ログイン後にコピー

この関数を利用して秒を目的の時間文字列に変換する方法は次のとおりです。

alert("5678".toHHMMSS());
ログイン後にコピー

これにより文字列が出力されます。 hh:mm:ss 形式の「1:34:38」。この関数は、時、分、秒が 10 未満の場合、希望の書式を維持するためにゼロパディングを処理します。

これをさらに説明するために、メディア プレーヤーでビデオの経過時間。このスニペットを使用すると、時間表示を毎秒動的に更新して、ユーザーに正確な時間を示すことができます。

以上がJavaScript で秒を hh:mm:ss 時間形式に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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