只是出于好奇 - 有人可以向我解释 setTimeout() 的奇怪之处吗？

发布于 2025-01-04 20:32:55 字数 415 浏览 1 评论 0原文

我所说的奇怪之处是指这两件事：

第一个参数中的函数需要被包围报价，否则延迟设置为 0（一切都执行即刻）。
超时后的所有事情都需要有一个延迟，如下所示好吧，否则它会在超时结束之前执行。

如果有办法绕过#2，那就太棒了，但现在我只是对此感到好奇。

简短的片段来解释我在说什么：

for (var i=0; i<10; i++) setTimeout("addInput('.')",i*500);
setTimeout('addInput("</br>")',5100);

在上面，除非 addInput('.') 用引号引起来，否则延迟将被忽略并且代码将被执行；另外，除非我在第二行添加超时，否则它将在第一个超时完成之前执行。

原文

By oddities, I mean these two things:

Functions in the first parameter need to be surrounded by
quotations, or else the delay is set to 0 (Everything is executed
instantly).
Everything after the timeout needs to have a delay after it as
well, or else it is executed prior to the timeout finishing.

If there's a way around #2 - that would be awesome, but right now I'm just curious on this.

Short snippet to explain what I'm talking about:

for (var i=0; i<10; i++) setTimeout("addInput('.')",i*500);
setTimeout('addInput("</br>")',5100);

In the above, unless addInput('.') is surrounded by quotations, the delay is ignored and the code is just executed; also unless I add a timeout to the second line, it will be executed before the first timeout is finished.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

世俗缘 2025-01-11 20:32:55

第一个参数中的函数需要用引号引起来，
否则延迟设置为 0（一切都会立即执行）。

未必。事实上，建议使用直接采用函数指针而不是字符串的重载，以避免解析它的开销：

for (var i=0; i<10; i++) {
    setTimeout(function() {
        addInput('.');
    }, i * 500);
}

或其等效项（警告：在 IE 中不起作用）：

for (var i=0; i<10; i++) {
    setTimeout(addInput, i * 500, '.');
}

以下 setTimeout 重载是最常用的一种：

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);

Functions in the first parameter need to be surrounded by quotations,
or else the delay is set to 0 (Everything is executed instantly).

Not necessarily. In fact it is recommended to use the overload which takes directly a function pointer instead of a string to avoid the overhead of parsing it:

for (var i=0; i<10; i++) {
    setTimeout(function() {
        addInput('.');
    }, i * 500);
}

or its equivalent (warning: doesn't work in IE):

for (var i=0; i<10; i++) {
    setTimeout(addInput, i * 500, '.');
}

The following setTimeout overload is the one that is most commonly used:

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);

回复收藏 0 原文

屋檐 2025-01-11 20:32:55

setTimeout 采用函数引用。这意味着您需要向其传递函数或匿名函数的名称，而不是执行函数的结果。

所以这可行：

setTimeout(fn, 1000);

但是，这不行：

setTimeout(fn(), 1000);

第二个示例立即执行 fn() 并将该函数的返回值传递给 setTimeout() 这通常不是您想要的想要（不会有任何延迟）。

如果您需要向函数传递参数，那么您需要将其包装在像这样的容器函数中，因为 setTimeout 将在不带参数的情况下调用您的函数：

setTimeout(function() {addInput('.')}, i*500);

setTimeout takes a function reference. That means you need to pass it the name of a function or an anonymous function, not the result of executing a function.

So this works:

setTimeout(fn, 1000);

But, this does not:

setTimeout(fn(), 1000);

The second example executes fn() immediately and passes the return value from that function to setTimeout() which is usually not what you want (you get no delay).

If you need to pass a parameter to your function, then you need to wrap it in a container function like this because setTimeout will call your function with no parameters:

setTimeout(function() {addInput('.')}, i*500);

回复收藏 0 原文

娇纵 2025-01-11 20:32:55

这是因为您首先调用该函数，然后将返回值发送到 setTimeout 方法。您可以只使用函数名称，或者如果您需要发送参数，请创建一个匿名函数：
setTimeout(function() { addInput('.') }, i*500);
setTimeout 方法不会延迟代码，而是将代码放入计时器的回调中。 setTimeout 调用后面的代码立即执行。