js实现延迟
实现延迟的方法
在JavaScript中，实现延迟执行代码的常见方法有多种，以下是几种常用的方式：
setTimeout函数
使用setTimeout函数可以在指定的毫秒数后执行一段代码。语法如下：
setTimeout(() => {
// 延迟执行的代码
}, 1000); // 延迟1000毫秒（1秒）Promise与async/await
通过Promise和async/await可以实现更优雅的延迟逻辑，尤其是需要等待异步操作完成时：
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function delayedFunction() {
await delay(1000); // 延迟1秒
console.log("延迟后执行");
}setInterval与clearInterval
如果需要周期性延迟执行，可以使用setInterval，并在完成后用clearInterval停止：
let intervalId = setInterval(() => {
console.log("每隔1秒执行一次");
}, 1000);
// 5秒后停止
setTimeout(() => {
clearInterval(intervalId);
}, 5000);requestAnimationFrame
对于动画或需要与屏幕刷新率同步的延迟，可以使用requestAnimationFrame：
function delayedAnimation() {
requestAnimationFrame(() => {
console.log("在下一帧执行");
});
}注意事项
setTimeout和setInterval的时间参数是毫秒（ms），实际执行时间可能因浏览器或系统负载而略有延迟。- 使用
Promise和async/await时，确保代码运行在支持ES6的环境中。 - 避免在循环中直接使用
setTimeout，可能会导致意外的执行顺序，可以使用闭包或let块级作用域变量解决。
