Добавить минуты в поле ввода и отображать часы/минуты

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 example

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)