js实现延迟
实现延迟的方法
在JavaScript中,可以通过多种方式实现延迟执行代码的功能。以下是几种常见的方法:
setTimeout函数
使用setTimeout函数可以在指定的毫秒数后执行一次代码:

setTimeout(() => {
console.log('这段代码将在1秒后执行');
}, 1000);
setInterval函数
如果需要重复执行代码,可以使用setInterval函数:

setInterval(() => {
console.log('这段代码每1秒执行一次');
}, 1000);
Promise与async/await
使用Promise和async/await语法可以更优雅地实现延迟:
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function delayedFunction() {
await delay(1000);
console.log('这段代码在1秒后执行');
}
requestAnimationFrame
对于动画相关的延迟,可以使用requestAnimationFrame:
function delayedAnimation() {
requestAnimationFrame(() => {
console.log('在下一帧执行');
});
}
注意事项
setTimeout和setInterval的时间参数是最小延迟时间,实际执行时间可能会更长- 使用
clearTimeout和clearInterval可以取消延迟执行 - 在Node.js环境中还可以使用
setImmediate实现类似功能






