JavaScriptで秒数を時間と分に変換する方法

問題

本記事では、秒数を受け取り、その秒数に含まれる「時間」と「分」を返すJavaScript関数の作成方法を解説します。動画の再生時間やタイマー処理など、秒単位のデータを人間が読みやすい形式に変換したい場面で役立つテクニックです。

入力例：

const seconds = 3601;

期待される出力：

const output = "1 hour(s) and 0 minute(s)";

変換の考え方

秒数を時間と分に変換するには、以下の基本的な単位関係を利用します。

• 1時間 = 3600秒
• 1分 = 60秒

手順はシンプルです。まず、元の秒数を3600で割った整数部分が「時間」になります。次に、時間に変換した分を差し引いた残りの秒数を60で割り、その整数部分が「分」になります。parseInt()を使うことで、小数点以下を切り捨てた整数値を簡単に取得できます。

コード例

実際のコードは以下の通りです。

const seconds = 3601;

const toTime = (seconds = 60) => {
    // 各単位の秒数を定義
    const hR = 3600; // 1時間
    const mR = 60;   // 1分

    // 時間を計算（小数点以下は切り捨て）
    let h = parseInt(seconds / hR);

    // 時間を除いた残りの秒数から分を計算
    let m = parseInt((seconds - (h * 3600)) / mR);

    // 結果文字列を組み立てて返す
    let res = '';
    res += (`${h} hour(s) and ${m} minute(s)`);
    return res;
};

console.log(toTime(seconds));

出力結果

"1 hour(s) and 0 minute(s)"

コードのポイント

• デフォルト引数： (seconds = 60) のように引数に初期値を設定しているため、引数なしで呼び出されてもエラーにならず動作します。
• parseInt()による切り捨て： 割り算の結果から整数部分だけを取り出すことで、余りの秒数を自然に除外しています。
• テンプレートリテラル： バッククォートと ${} を使うことで、数値を文字列へ簡潔に埋め込んでいます。

たとえば入力が 3661 秒であれば、「1時間1分」となり、出力は "1 hour(s) and 1 minute(s)" になります。同様のロジックを応用すれば、「秒」まで含めた表示や、String.prototype.padStart() を使った「01:01:01」のようなゼロ埋めフォーマットへの拡張も可能です。