如何更新計時器功能返回的時間值Kendo Mobile UI

Question

我有一個包含一些計時數據的視圖。 我正在運行一個JavaScript定時器函數，它可以計算出啓動和停止事件之間的精確秒數。

我希望以經過的秒數更新我的視圖，並將此時間同步到記錄存儲爲offilineData。

我的視圖模板是這樣的：

<!-- 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); 
    }); 
});