我怎样才能等待一段时间然后更改变量？

Question

我有一些使用 jquery 的代码，我想等待 300 毫秒，然后更改一个变量。我尝试了 setTimeout 但它不起作用，它只是使变量立即改变。

setTimeout(animationWait = 0, 300);

（我在文档中较早地定义了animationWait）基本上我想做的是等待一次单击结束，然后才能进行另一次单击。所以我想我应该设置一个变量然后等待300ms，

$('#up-arrow').live('click', function(e) {  

    if(animationWait == 0) {
        animationWait = 1;
        .... /* Code */
    }
}

所以我需要在延迟运行代码后再次将animationWait更改回0。我已经尝试了很多东西，但仍然不起作用，有什么想法吗？

Answer 1

您没有正确使用 setTimeout 。必须向其传递函数名称或匿名函数。

//anonymous function
setTimeout( function() { animationWait = 0 }, 300);

//or give it a function name
function change() { animationWait = 0; }
setTimeout(change, 300);

Answer 2

您传递的参数应该是一个评估语句。对我来说这很好用：

var animationWait = -1;    //Initially set the value to -1
alert(animationWait);      //alert to see the value
setTimeout("animationWait = 0", 300);    //Setting the value to 0
setTimeout("alert(animationWait)", 400);  //Alert after 400 ms

Answer 3

您所问问题的答案是 setTimeout() 期望第一个参数是函数引用 - 在其他地方声明的函数的名称或匿名函数。 （或字符串，但出于多种原因，使用字符串几乎总是错误的解决方案。）您的代码只需执行表达式 animationWait = 0 并将该表达式的结果 (0) 传递给 <代码>setTimeout()。

因此，要通过 setTimeout() 执行单行代码，我建议将其包装在匿名函数中，并将该函数传递给 setTimeout()：

setTimeout(function(){ animationWait = 0; }, 300);

但是，如果您是使用 jQuery 做动画，它的动画方法允许您传递一个在动画结束时执行的回调函数，因此您可以在那里进行此类处理，而不是独立设置自己的超时。例如，如果您的动画是这样的：

$("#someelement").animate({someproperty:"somevalue"},
                          300);

那么您可以添加一个回调函数，该函数将在该动画完成后调用：

$("#someelement").animate(({someproperty:"somevalue"},
                          300,
                          function(){ animationWait = 0; });

在我看来，这比单独的 setTimeout() 调用更简洁，而且它更容易维护，因为只需在一处指定持续时间，而不必将自己的超时同步到动画。

类似的语法适用于其他 jQuery 方法，例如 .fadeIn()、.hide() 等。请参阅 .animate() doco 了解更多信息和示例。

Answer 4

您是否尝试过使用 jQuery 函数 delay() ？

标准用例如下所示：

$('item').delay(300).delayedEffectFunction();

其中delayedEffectFunction() 是您想要延迟的虚构函数。