📅  最后修改于: 2023-12-03 15:31:42.229000             🧑  作者: Mango
在开发网页应用时,常常需要延迟执行代码,比如等待页面加载完毕后再执行一些操作,或者延迟一段时间再执行某个操作。JavaScript提供了两种方法实现延迟执行代码:setTimeout() 和 setInterval()。
setTimeout() 方法在指定的毫秒数后执行一次指定的函数。语法如下:
setTimeout(function, milliseconds, param1, param2, ...)
其中,function 是要执行的函数,milliseconds 是延迟的毫秒数,可选的 param1, param2, ... 是传递给函数的参数。例如:
setTimeout(function() {
console.log("延迟执行");
}, 1000);
上面的代码会在 1 秒后执行一次 console.log() 函数。
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() 都是常用的延迟执行代码的方法。但是要注意避免滥用,过多的延迟执行代码会影响页面的性能。