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` 定时器。
131 2
使用requestAnimationFrame模拟实现setTimeout和setInterval
|
6月前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
45 0
|
JavaScript 前端开发
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、clearInterval(),本文将围绕这三种函数的用法,来实现定时器的功能,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望对大家有所帮助。 定时器的应用需求: 1.设定一个时间,当时间到达的时候执行函数————比如:倒计时跳转页面等等。 2.每隔一段时间重复执行某段函数————比如抢票软件,比如设定500毫秒就重复刷新一次页面等等。 倒计时跳转实现demo:
632 0
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
关于setInterval如何停止循环
关于setInterval如何停止循环
61 0
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
308 0
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
|
JavaScript API
js:定时器setInterval、clearInterval的使用
js:定时器setInterval、clearInterval的使用
137 0
15、计时器方法1(setInterval、clearInterval)
15、计时器方法1(setInterval、clearInterval)
143 0
16、计时器方法2(setTimeout、clearTimeout、防抖、节流)
16、计时器方法2(setTimeout、clearTimeout、防抖、节流)
113 0
|
JavaScript
BOM 定时器:setTimeout和setInterval
BOM 定时器:setTimeout和setInterval
199 0