📜  延迟的 Javacript 代码,基于毫秒 - Javascript (1)

📅  最后修改于: 2023-12-03 15:25:32.865000             🧑  作者: Mango

延迟的 JavaScript 代码,基于毫秒

有时候,在编写 JavaScript 代码时,我们需要设置一个延迟执行的时间,以便在一段时间后再执行某个函数或语句。这通常用于实现一些动态效果,或者在某个事件触发后,等待一段时间再执行相关操作。在 JavaScript 中,我们可以使用 setTimeoutsetInterval 函数来实现这个功能。

setTimeout 函数

setTimeout 函数是 JavaScript 中一个比较常用的函数。它可以延迟一段时间后执行某个函数或语句。setTimeout 的基本语法如下:

setTimeout(function, delay, param1, param2, ...);

其中,function 是需要延迟执行的函数;delay 是延迟的毫秒数;param1param2 等是传递给函数的参数,可以选填。例如:

setTimeout(function() {
  console.log("Hello, world!");
}, 1000);

上面的代码表示,在 1000 毫秒后执行一个匿名函数,输出 "Hello, world!"。

如果需要传递参数给函数,可以这样写:

function greeting(name) {
  console.log("Hello, " + name + "!");
}

setTimeout(greeting, 1000, "John");

这段代码表示,在 1000 毫秒后执行 greeting 函数,传递参数为 "John"。函数执行的结果是输出 "Hello, John!"。

setInterval 函数

setInterval 函数与 setTimeout 函数类似,也可以延迟一段时间后执行某个函数或语句。不同的是,setInterval 函数会每隔一段时间执行一次指定的函数。setInterval 的基本语法如下:

setInterval(function, delay, param1, param2, ...);

其中,function 是需要延迟执行的函数;delay 是两次执行之间的延迟时间;param1param2 等是传递给函数的参数,可以选填。例如:

setInterval(function() {
  console.log("Hello, world!");
}, 1000);

上面的代码表示,每隔 1000 毫秒执行一个匿名函数,输出 "Hello, world!"。

需要注意的是,使用 setInterval 函数时,要注意及时清除定时器。可以使用 clearInterval 函数来清除定时器。例如:

var intervalId = setInterval(function() {
  console.log("Hello, world!");
}, 1000);

setTimeout(function() {
  clearInterval(intervalId);
}, 5000);

上面的代码表示,在 1000 毫秒后开始执行匿名函数,每隔 1000 毫秒执行一次,直到 5000 毫秒后清除定时器。

总结

JavaScript 中的 setTimeoutsetInterval 函数可以延迟一段时间后执行某个函数或语句。setTimeout 函数只执行一次,而 setInterval 函数会重复执行。在使用时,需要注意定时器的清除,以防止出现异常情况。