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

您可以这样做以获取格式的小时/分钟hh:mm：

HTML：

<input type="text" id="mins" />
<span id="hm"></span>

JavaScript：

$('#mins').change(function(){
    var h = Math.floor( $('#mins').val() / 60);
    h = "0" + h;
    h = h.substr(h.length - 2, 2);
    var m = Math.floor( $('#mins').val() % 60);
    m = "0" + m;
    m = m.substr(m.length - 2, 2);

    $('#hm').html(h + ':' +m);
});

Jsfiddle 示例

Answer 3

一些简单的数学和格式应该可以让你到达那里。

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 不要害怕三元运算符，它们只是以下形式的动态值：条件：valueIfTrue：valueIfFalse）