计算两次函数之间的时间间隔呼叫

Question

我一直在试图计算两次函数调用之间的时间间隔。 我写了一个示例代码这样

var timeElapsed = Date.now(), 
    div = document.getElementById("hour"); 

//routine 
setInterval(function(){ 
    setTimeout(fn1, 1000); 
    setTimeout(fn2, 1000); 
},2000) 

function formatHour(date){ 
    var hours = ('0' + date.getHours()).slice(-2), 
     minutes = ('0' + date.getMinutes()).slice(-2), 
     seconds = ('0' + date.getSeconds()).slice(-2), 
     millis = ('00' + date.getMilliseconds()).slice(-3); 

    return ([hours,minutes,seconds].join(':')) + ',' + millis; 
} 

function fn1(){ 
    timeElapsed = Date.now() - timeElapsed; 
    div.innerHTML += formatHour(new Date(timeElapsed)) + ' --> ' 
} 
function fn2(){ 
    timeElapsed = Date.now() - timeElapsed; 
    div.innerHTML += formatHour(new Date(timeElapsed)) + '</br>'; 
} 

我的输出是

22:00:03,001 --> 13:52:42,115 
22:00:05,000 --> 13:52:42,115 
22:00:07,000 --> 13:52:42,115 
22:00:10,980 --> 13:52:42,115 
22:00:12,981 --> 13:52:42,115 

和我的预期产出是这样的（任意时间在这个例子中）

00:00:00,000 --> 00:00:05,212 
00:00:05,212 --> 00:00:08,450 
00:00:08,450 --> 00:00:12,999 

等。 。

我做错了什么？

代码例如：http://codepen.io/gpincheiraa/pen/oLPOVY

Answer 1

的问题是，你的可变timeElapsed被用来表示当前时间和函数调用之间的时间。我建议把它分成两个变量：

var startTime = Date.now(), 
    div = document.getElementById("hour"); 

//routine 
setInterval(function(){ 
    setTimeout(fn1, 1000); 
    setTimeout(fn2, 1000); 
},2000) 

function formatHour(date){ 
    var hours = ('0' + date.getHours()).slice(-2), 
     minutes = ('0' + date.getMinutes()).slice(-2), 
     seconds = ('0' + date.getSeconds()).slice(-2), 
     millis = ('00' + date.getMilliseconds()).slice(-3); 

    return ([hours,minutes,seconds].join(':')) + ',' + millis; 
} 

function fn1(){ 
    var timeElapsed = Date.now() - startTime; 
    div.innerHTML += formatHour(new Date(timeElapsed)) + ' --> ' 
} 
function fn2(){ 
    var timeElapsed = Date.now() - startTime; 
    div.innerHTML += formatHour(new Date(timeElapsed)) + '</br>'; 
}