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>';
}

计算2个函数调用之间经过的时间

1 个答案: