Question

我正在建立列车调度应用程序，我需要计算列车离开其预定到达时间的分钟数，以便实时不断更新。此外，我有一个部分，用户可以添加新的列车，并且需要能够以与其他列车数据相同的方式运行。
[列车表有五列 - 名称，目的地，频率（分钟），到达，分钟，分钟。] [1] [1]：https://i.stack.imgur.com/keooM.png 这是我的html div，它包含当前的列车数据：

 <!-- Current Train Schedule -->
  <div class="row">
    <div class="col-lg-12">
      <div class="panel panel-default">
        <div class="panel-body">
          <h3 class="schedule">Current Train Schedule</h3>
            <table class="train-list">
            <tr>
              <td><h3 class="train-key">Train Name</h3></td>
              <td><h3 class="train-key">Destination</h3></td>
              <td><h3 class="train-key">Frequency (min)</h3></td>
              <td><h3 class="train-key">Next Arrival</h3></td>
              <td><h3 class="train-key">Minutes Away</h3></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </div>

以下是我在javascript文件中开始的内容：

 function initFormListener(){
   $('#submit-train').on('click', function() {
    event.preventDefault();
    name = $('#train-name').val().trim();
    destination = $('#destination').val().trim();
    firstTime = $('#first-time').val().trim();
    frequency = $('#frequency').val().trim();
    var train = {
      name : name,
      destination: destination,
      firstTime: firstTime,
      frequency: frequency
    }
   trains.push(train);
   listTrains();
 });
}

function calculateNextArrival(firstTime,frequency){

//01:30 => 90 + 45 + 45 + 45
//current time =17:58 => ...
}
function listTrains() {
 var trainListTable = $('.train-list');
   for(var i =0; i<trains.length; i++){
      var train = trains[i];
      nextArrival = 
          calculateNextArrival(train.firstTime,train.frequency);
      minutesAway = '';
      var row = '<tr><td>'+train.name+'</td>
<td>'+train.destination+'</td><td>'+train.frequency+'</td>
<td>'+nextArrival+'</td><td>'+minutesAway+'</td></tr>';
      trainListTable.append(row);
   }
 }

数据需要使用我的本地（EST）时间进行实时更新。我将使用Firebase来存储我已经设置的数据。

老实说，我甚至不知道从哪里开始。任何关于起点的建议都将非常感激。

使用Moment.js计算到达时间和当前时间之间的差异

0 个答案: