jquery - 入力フィールドに分を追加して時間/分を表示する

Question

ユーザーがその日に働いた分数を入力できる単純な入力フィールドがあります。このフィールドに詳細を入力したら、入力の横に時間を時間と分で表示する方法はありますか?

Answer 1

var m = $('#input').val();
var hours = Math.floor(m / 60);
m = m % 60;

$('#someDiv').text('hours: ' + hours + 'minutes: ' + m);

Answer 2

いくつかの簡単な計算と書式設定が必要です。

function getTimeStringFromMinutes(m) {
    var hours = Math.floor(m/60);
    var seconds = (m - Math.floor(m)) * 60;
    minutes = Math.floor(m % 60);
    var output = (hours < 10 ? '0'+hours : hours) + 
                 ":" + 
                 (minutes < 10 ? '0'+minutes : minutes) + 
                 ":" + 
                 (seconds < 10 ? '0'+seconds : seconds);
    return output;
}
// getTimeStringFromMinutes(128.5) --> "02:08:30"
// getTimeStringFromMinutes('128.5') --> "02:08:30"

(PS は三項演算子を怖がらないでください。それらは単に次の形式の動的な値です: condition : valueIfTrue : valueIfFalse )