📜  javascript 如何设置延迟 - Javascript (1)

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

JavaScript 如何设置延迟

在开发网页应用时,常常需要延迟执行代码,比如等待页面加载完毕后再执行一些操作,或者延迟一段时间再执行某个操作。JavaScript提供了两种方法实现延迟执行代码:setTimeout() 和 setInterval()。

1. setTimeout()

setTimeout() 方法在指定的毫秒数后执行一次指定的函数。语法如下:

setTimeout(function, milliseconds, param1, param2, ...)

其中,function 是要执行的函数,milliseconds 是延迟的毫秒数,可选的 param1, param2, ... 是传递给函数的参数。例如:

setTimeout(function() {
  console.log("延迟执行");
}, 1000);

上面的代码会在 1 秒后执行一次 console.log() 函数。

2. setInterval()

setInterval() 方法每隔指定的毫秒数执行一次指定的函数,直到 clearInterval() 被调用。语法如下:

setInterval(function, milliseconds, param1, param2, ...)

其中,function 是要执行的函数,milliseconds 是执行间隔的毫秒数,可选的 param1, param2, ... 是传递给函数的参数。例如:

var i = 0;
var intervalId = setInterval(function() {
  console.log("执行第 " + i + " 次");
  i++;
  if (i > 5) {
    clearInterval(intervalId);
  }
}, 1000);

上面的代码会每隔 1 秒执行一次 console.log() 函数,一共执行 6 次后结束。

总结

setTimeout() 和 setInterval() 都是常用的延迟执行代码的方法。但是要注意避免滥用,过多的延迟执行代码会影响页面的性能。