Estou fazendo algo para cálculo de soma de horas e minutos, e não vejo solução.
Preciso receber um horário colado formatado assim 09:00
, mas com hora aleatória em um input
e clicando em submit alterar o html com a hora do input com adição de 70 minutos. Não consegui passar dessa parte e ainda nem tentei somar os minutos.
Alguém poderia me ajudar nessa missão?
<html>
<head>
<title></title>
<span> hora inicio </span>
<script type="text/javascript">
function hora1(){
var horas = getElementById("hrs")
var hr1 = horas.split(":"); // a hora sera colada com ":" no input, entao preciso dar um split, separar minutos de hora e somar 70 minutos.
var hr2 = hr1[0]+":"+hr1[1]; // ainda preciso somar os minutos e mostrar na exibição final com os 70 minutos a mais dessa hora do input
m.innerHTML = hr2;
}
</script>
</head>
<body>
<div id="m">
09:50
</div>
<input type="text" id="hrs">
<button onclick="hora1()">TESTAR</button>
</body>
</html>
consegui resultado mas sem a possibilidade de digitar a hora, o que não é o que eu precisava
<!-- EM JAVASCRIPT EM UM ARQUIVO PHP COM RESULTADO OK MAS RECEBENDO A HORA DO SISTEMA -->
<html>
<body>
<h2>Somar 70 minutos</h2>
<script type="text/javascript">
var mc = 1;
var mc5 = 20;
var d1 = new Date();
var d2 = new Date();
d1.setHours(+d2.getHours()+(mc) );
d1.setMinutes(new Date().getMinutes()+(mc5) );
document.write("#resultado: " + " " + d1.getHours()+":"+d1.getMinutes());
</script>
</body>
</div>
</html>