setInterval 如何让它暂停

简介: setInterval 如何让它暂停

要让 setInterval 在执行之前暂停,可以使用 setTimeout 函数来延迟启动 setInterval。以下是一个示例代码:

function delayedInterval(callback, delay) {
   
  setTimeout(function() {
   
    callback();
    setInterval(callback, delay);
  }, 3000);
}

// 测试
function intervalCallback() {
   
  console.log("Interval function executed.");
}

delayedInterval(intervalCallback, 1000);

在这个示例中,我们定义了一个名为 delayedInterval 的函数,它接受一个回调函数 callback 和一个延迟时间 delay 作为参数。

首先,我们使用 setTimeout 函数延迟 3 秒后执行一个匿名函数。在这个匿名函数中,我们首先调用一次 callback 函数以立即执行,然后使用 setInterval 函数每隔 delay 毫秒再次调用 callback 函数。

最后,我们调用 delayedInterval 函数,传递一个回调函数 intervalCallback 和延迟时间 1000 毫秒(即 1 秒)作为参数进行测试。

运行代码后,你将看到 intervalCallback 函数在延迟 3 秒之后开始执行,并以每秒一次的间隔重复执行。

相关文章
|
3月前
使用requestAnimationFrame模拟实现setTimeout和setInterval
`rafTimeout` 函数采用 `requestAnimationFrame` 实现延时或周期性调用,提供与 `setTimeout` 和 `setInterval` 类似的功能。接受参数包括要执行的函数 `fn`、延迟时间 `delay`(默认 0ms)及是否周期执行 `interval`(默认为单次执行)。返回值为包含 `id` 的对象,可用于取消定时器。通过 `cancelRaf` 或 `cancelAnimationFrame` 方法可取消对应的 `rafTimeout` 定时器。
138 2
使用requestAnimationFrame模拟实现setTimeout和setInterval
|
6月前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
45 0
|
前端开发
setInterval
setInterval
42 0
关于setInterval如何停止循环
关于setInterval如何停止循环
61 0
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
316 0
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
15、计时器方法1(setInterval、clearInterval)
15、计时器方法1(setInterval、clearInterval)
143 0
16、计时器方法2(setTimeout、clearTimeout、防抖、节流)
16、计时器方法2(setTimeout、clearTimeout、防抖、节流)
115 0
|
JavaScript
BOM 定时器:setTimeout和setInterval
BOM 定时器:setTimeout和setInterval
199 0
间隔调用方法(setInterval与setTimeout)
js中实现函数间隔调用,延时调用的方法。 setInterval(方法名,间隔时间)方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 方法会不停地调用函数。 setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
13476 0