3

我的 Javascript 代码有问题，不知道为什么它不能运行。

这是我的计时器：

var time = 0;
startTimer();

function startTimer(){
    setInterval(function(){
    time=time+1;
    },10);
}

此处的代码有效（我在单击按钮时运行 timeoutTester()，然后它会发出警报并向我显示时差）：

function timeoutTester(){
    var snap_time1 = time;
    setTimeout(function(){
        var snap_time2 = time;
        var diff = snap_time2-snap_time1;
        alert(diff);            //works: ~100 everytime...
    },1000);
}

但是这里的代码不起作用（我通过单击按钮运行 testTimer()）：

function timeoutTester(){
    var snap_time1 = time;
    var result;
    setTimeout(function(){
        var snap_time2 = time;
        result = snap_time2-snap_time1;
    },1000);
    alert(result); //doesn't work! It always shows me: "undefined"
    return result;
}

function testTimer(){
    var counter = 0;
    setInterval(function(){
        counter = counter + 1;
        alert(counter);         //works: 1,2,3,....
        var result = timeoutTester();
        alert(result);  //doesn't work! It always shows me: "undefined"
    }, 3000);
}

你知道问题可能出在哪里吗？（在浏览器中调试时没有错误！）

更新：

我了解到警报（结果）；立即执行，而 result 还没有值。

但是由于我从外部调用 timeoutTester()，我仍然需要这个函数的返回值！

有任何想法吗？

4

2 回答 2

4

在您的最后一个示例（不起作用的示例）中，调用setTimeout(function()...)不会立即执行该函数，但会立即返回。当它返回时，result仍然是未定义的，因为该函数尚未执行。

出于同样的原因，前面的示例（alert()在 timeout 函数内部调用）之所以有效，是因为调用alert()发生在 afterresult被分配了一个值。

如果出于某种原因您不想alert()直接从 timeout 函数中调用，您可以将最后一个示例重写为：

function timeoutTester(){
    var snap_time1 = time;
    setTimeout(function(){
        var snap_time2 = time;
        alertResult(snap_time2-snap_time1);
    },1000);
}
function alertResult(result) {
    alert(result);
}

（顺便说一句，这个电话startTimer(1000000000000);看起来很吓人，直到我意识到这个论点被忽略了。:-)。）

于 2013-01-31T21:45:09.830 回答
1

要完成此操作，您需要使用全局：

var timeoutTesterResult;

function timeoutTester(){
    var snap_time1 = time;
    var result;
    setTimeout(function(){
        var snap_time2 = time;
        timeoutTesterResult = snap_time2-snap_time1;
        alert(timeoutTesterResult);                    //works: ~100
    },1000);
}

只有在设置/更改后才获得此全局的第二次超时：

function testTimer(){
    var counter = 0;
    setInterval(function(){
        counter = counter + 1;
        alert(counter);         //works: 1,2,3,....
        timeoutTester();
        setTimeout("alert(timeoutTesterResult)",1000); //works: ~100
    }, 3000);
}

这就是“通过全球”解决方案。

于 2013-01-31T22:57:21.463 回答