以分钟为单位添加时间值，以小时和分钟为单位显示

Question

我有3个字段。用户在第一个字段输入开始时间（小时和分钟）。第二个字段是用户输入分钟的时间。

现在，我想添加两个字段并将结果显示在第三个字段中（以小时和分钟为单位）。

我正在尝试执行此操作，但尚未成功。有指针吗？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Time 1</h3>
      <input type="text" name="t1">
    </div>
    <div class="col-sm-4">
      <h3>Time 2</h3>
      <input type="text" name="t2">
    </div>
    <div class="col-sm-4">
      <h3>Time 3</h3>
      <input type="text" name="t3">
    </div>
  </div>
</div>