我如何用定时器函数Kendo Mobile UI返回的时间更新字段中的值

Question

我有一个包含一些计时数据的视图。我正在运行一个javascript计时器函数，它计算启动和停止事件之间的延迟秒数。

我希望用经过的秒数更新我的视图，并将此时间作为offlineData同步到记录存储中。

我的视图模板是这样的：

<!-- TaskTime Template -->
<script id="taskTimeTemplate" type="text/x-kendo-template">
  # var eSecs = ElapsedSeconds #
  # ElapsedTime = (eSecs / 3600).toFixed() +'h'+ ('0'+eSecs % 60).slice(-2)+'m'; #
  <h2 id="#:Guid#"><i class="icon-time"></i> #: Description #</h2>
  <ul data-role="listview" data-style="inset" style="font-size:90%;">            
    <p>Project ID: #: ParentId #</p>
    <p>TaskID #:Id#</p>
    <p>Time spent to date: #: ElapsedSeconds #</p>
  </ul>
</script>

我的计时器功能通过以下方式运行和停止：

$(document).ready(function(){
    /* Start button */
    $('#start').click(function(e){
      $('#timerButtonGroup').attr('data-index', 1);
      startTime = new Date().getTime();
       timer();
       closeSheet();
    });
    /* Stop button */
    $('#stop').click(function(e){
      $('#timerButtonGroup').attr('data-index', 2);
      endTime = new Date().getTime();
      tElapsedTime = (endTime - startTime)/1000;
       clearTimeout(t);
       closeSheet();
    });
});

我对剑道移动UI有点陌生，不知道如何将我从计时器获得的时间与我需要更新的记录联系起来。

Answer 1

试试看：

$(document).ready(function(){
    /* Start button */
    $('#start').click(function(e){
      $('#timerButtonGroup').attr('data-index', 1);
      window.tmp.startTime = new Date().getTime();
       timer();
       closeSheet();
    });
    /* Stop button */
    $('#stop').click(function(e){
      $('#timerButtonGroup').attr('data-index', 2);
      endTime = new Date().getTime();
      tElapsedTime = (endTime - window.tmp.startTime)/1000;
       clearTimeout(t);
       closeSheet();
      console.log(endTime);
    });
});