是否有类似于jQuery delay()或wait()的JavaScript方法(将脚本的执行延迟特定时间)？
只是为了补充其他人对setTimeout所说的话：
如果将来要使用参数调用函数，则需要设置一些匿名函数调用。
您需要将函数作为参数传递，以便稍后调用。实际上，这意味着名称后没有方括号。以下将立即调用警报，并显示" Hello world"：
1
2
| var a ="world";
setTimeout(alert("Hello" + a), 2000); |
要解决此问题，您可以输入函数名称(如Flubba所做的那样)，也可以使用匿名函数。如果需要传递参数，则必须使用匿名函数。
1
2
3
| var a ="world";
setTimeout(function(){alert("Hello" + a)}, 2000);
a ="Stack Overflow"; |
但是，如果运行该代码，您会注意到2秒钟后，弹出窗口将显示" Hello Stack Overflow"。这是因为变量a的值在那两秒钟内发生了变化。要在两秒钟后说出" Hello world"，您需要使用以下代码片段：
1
2
3
4
5
6
7
8
| function callback(a){
return function(){
alert("Hello" + a);
}
}
var a ="world";
setTimeout(callback(a), 2000);
a ="Stack Overflow"; |
它将等待2秒钟，然后弹出" Hello world"。
有以下内容：
1
| setTimeout(function, milliseconds); |
可以在执行该功能之前经过的时间。
请参阅：Window setTimeout()方法。
只是扩大一点...您可以直接在setTimeout调用中执行代码，但是正如@patrick所说的，您通常会分配一个这样的回调函数。时间以毫秒为单位
1
2
3
4
| setTimeout(func, 4000);
function func() {
alert('Do stuff here');
} |
如果您真的想拥有阻塞(同步)delay函数(无论如何)，为什么不这样做：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <script type="text/javascript">
function delay(ms) {
var cur_d = new Date();
var cur_ticks = cur_d.getTime();
var ms_passed = 0;
while(ms_passed < ms) {
var d = new Date(); // Possible memory leak?
var ticks = d.getTime();
ms_passed = ticks - cur_ticks;
// d = null; // Prevent memory leak?
}
}
alert("2 sec delay")
delay(2000);
alert("done ... 500 ms delay")
delay(500);
alert("done"); |
您需要使用setTimeout并将其传递给回调函数。您无法在javascript中使用sleep的原因是因为您同时会阻止整个页面执行任何操作。这不是一个好计划。使用Javascript的事件模型并保持快乐。不要打！
您还可以使用window.setInterval()定期运行一些代码。
如果只需要测试延迟，则可以使用以下方法：
1
2
3
4
| function delay(ms) {
ms += new Date().getTime();
while (new Date() < ms){}
} |
然后，如果要延迟2秒钟，请执行以下操作：
虽然可能不是最适合生产的。评论中的更多内容
为了补充前面的评论，我想说以下内容：
JavaScript中的setTimeout()函数本身不会暂停脚本的执行，而只是告诉编译器将来某个时候执行代码。
实际上，没有内置JavaScript函数可以暂停执行。但是，您可以编写自己的函数，使用Date()函数并添加所需的时间间隔，该函数会执行无条件循环，直到达到时间为止。
简单的答复是：
1
2
3
4
| setTimeout(
function () {
x = 1;
}, 1000); |
上面的函数等待1秒钟(1000毫秒)，然后将x设置为1。
显然，这是一个例子。您可以在匿名函数内做任何您想做的事情。
您为什么不能将代码放在承诺的后面？ (从我的头顶输入)
1
2
3
4
5
| new Promise(function(resolve, reject) {
setTimeout(resolve, 2000);
}).then(function() {
console.log('do whatever you wanted to hold off on');
}); |
我真的很喜欢毛里乌斯(Maurius)用三种不同的方法调用setTimeout的解释(最高回应)。
在我的代码中，我想在完成AJAX保存事件后自动自动导航到上一页。保存事件的完成在CSS中略有动画，指示保存成功。
在我的代码中，我发现前两个示例有所不同：
1
| setTimeout(window.history.back(), 3000); |
这个函数不等待超时-无论我为延迟输入多少，back()都会立即被调用。
但是，将其更改为：
1
| setTimeout(function() {window.history.back()}, 3000); |
这正是我所希望的。
这不是特定于back()操作，alert()也是如此。基本上在第一种情况下使用alert()时，将忽略延迟时间。当我关闭弹出窗口时，CSS的动画将继续。
因此，即使您使用内置函数而不使用参数，我也建议使用他描述的第二种或第三种方法。
延迟调用函数的最简单解决方案是：
1
2
3
| function executeWithDelay(anotherFunction) {
setTimeout(anotherFunction, delayInMilliseconds);
} |
我有一些ajax命令，希望在它们之间稍有延迟地运行。这是一种实现方法的简单示例。不过，由于我非常规的方法，我准备被撕成碎片。 :)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| // Show current seconds and milliseconds
// (I know there are other ways, I was aiming for minimal code
// and fixed width.)
function secs()
{
var s = Date.now() +""; s = s.substr(s.length - 5);
return s.substr(0, 2) +"." + s.substr(2);
}
// Log we're loading
console.log("Loading:" + secs());
// Create a list of commands to execute
var cmds =
[
function() { console.log("A:" + secs()); },
function() { console.log("B:" + secs()); },
function() { console.log("C:" + secs()); },
function() { console.log("D:" + secs()); },
function() { console.log("E:" + secs()); },
function() { console.log("done:" + secs()); }
];
// Run each command with a second delay in between
var ms = 1000;
cmds.forEach(function(cmd, i)
{
setTimeout(cmd, ms * i);
});
// Log we've loaded (probably logged before first command)
console.log("Loaded:" + secs()); |
您可以复制代码块并将其粘贴到控制台窗口中，然后看到类似以下内容的内容：
1
2
3
4
5
6
7
8
| Loading: 03.077
Loaded: 03.078
A: 03.079
B: 04.075
C: 05.075
D: 06.075
E: 07.076
done: 08.076 |
延迟功能：
1
2
3
4
5
6
| /**
* delay or pause for some time
* @param {number} t - time (ms)
* @return {Promise<*>}
*/
const delay = async t => new Promise(resolve => setTimeout(resolve, t)); |
async函数内部的用法：
就像其他人所说，setTimeout是您最安全的选择
但是有时您无法将逻辑分离到新函数，然后可以使用Date.now()获得毫秒数并自行进行延迟。
1
2
3
4
5
6
7
8
| function delay(milisecondDelay) {
milisecondDelay += Date.now();
while(Date.now() < milisecondDelay){}
}
alert('Ill be back in 5 sec after you click OK....');
delay(5000);
alert('# Im back # date:' +new Date()); |
