如何用setTimeout和setInterval实现周期性打印与暂停的循环功能？

核心逻辑拆解 #

要实现需求的循环流程，需要构建一个嵌套的定时器链：

• 第一步：启动每秒打印的定时器，持续运行5分钟
• 第二步：5分钟后清除打印定时器，触发暂停提示
• 第三步：暂停1分钟后，重新启动整个流程，实现往复循环

完整代码实现 #

const helloWorld = () => console.log("Hello, World!")
const stopSayHello = () => console.log("Stopped for a minute!")

// 定义单次完整循环的执行函数
function startCycle() {
  // 启动每秒打印的定时器
  const printTimer = setInterval(helloWorld, 1000)
  
  // 5分钟后执行暂停逻辑（5*60*1000 = 300000毫秒）
  setTimeout(() => {
    // 清除打印定时器，避免内存泄漏
    clearInterval(printTimer)
    // 触发暂停提示
    stopSayHello()
    
    // 1分钟后重新启动循环（60*1000 = 60000毫秒）
    setTimeout(startCycle, 60000)
  }, 300000)
}

// 启动第一个循环
startCycle()

关键细节说明 #

• 定时器清理：必须用clearInterval清除打印定时器，否则会出现多个打印任务同时运行的问题
• 时间单位转换：JS定时器接收毫秒级参数，需将分钟转换为毫秒（1分钟=60000毫秒）
• 循环触发：通过在暂停的setTimeout中递归调用startCycle，实现无限循环的流程

常见问题排查 #

如果之前实现失败，大概率是以下原因：

• 未正确清除旧的定时器，导致多个打印任务叠加
• 循环逻辑的嵌套顺序错误，没有在暂停后重新启动流程

内容的提问来源于stack exchange，提问作者fhumanity