【JS】用 setTimeout 实现setInterval

嘤嘤怪呆呆狗

已于 2024-04-08 09:56:58 修改

阅读量205

点赞数 1

分类专栏： js 文章标签： js

于 2021-05-19 18:47:12 首次发布

本文链接：https://blog.csdn.net/qq_45634593/article/details/117040987

版权

js 专栏收录该内容

43 篇文章 1 订阅

订阅专栏

其实就是用到了递归，在函数内，继续调用函数本身

        const interval = (cb, time) => {
            setTimeout(() => {
                cb()
                interval(cb, time)
            }, time)
        }
        interval(() => {
            console.log('执行了');
        }, 2000)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嘤嘤怪呆呆狗

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

代码实现：setTimeOut实现setInterval

秋秋小事

04-17

199

setTimeOut实现setInterval

setTimeout 实现 setInterval

liuhao9999的博客

05-30

423

const mySetInterval = (fn, delay) => { let timer = null const interval = () => { fn() timer = setTimeout(interval, delay) } timer = setTimeout(interval, delay) return { cancel: () => { clearTimeout(timer) } } } .

1 条评论您还未登录，请先登录后发表或查看评论

利用setTimeout实现setInterval

darabiuz的博客

02-16

5034

1.定时器的概念介绍关于定时器要记住的最重要的事情是，指定的时间间隔表示何时将定时器的代码添加到队列，而不是何时实际执行代码假设有这样一句代码 var btn = document.getElementById("my-btn"); btn.onclick = function(){ setTimeout(function(){ document.getElementById("message").style.visibility = "visible"; }, 250); //其

setTimeout实现setInterval

subsistent的博客

02-16

704

这个mySetInterval函数有一个叫做interval的内部函数，它通过setTimeout来自动被调用，在interval中有一个闭包，调用了回调函数并通过setTimeout再次调用了interval。setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。思路是使用递归函数，不断地去执行setTimeout从而达到setInterval的效果，看代码。setTimeout() ：在指定的毫秒数后调用函数或计算表达式，只执行一次。

用setTimeout实现setInterval

前端帅小伙

03-20

669

// 用setTimeout实现setInterval // 1. 变量初始化 const timerMap = {} // 可在全局内存储多个timerId, 对象的键是数字时会自动转为字符串 let id = 0 // timerId的全局的辅助变量 // 2. 定义mySetInterval const mySetInterval = (cb, time) => { // 2.1 变量定义及初始化 const timerId = id // 调用mySetInterval

使用setTimeout 实现setInterval

JiangLittleBai的博客

07-26

310

两者区别 setTimeout() 只执行一次 setInterval() 一直执行，直到clearInterval() 思路在setTimeout 内部调用自身，以达到不停被调用代码 function st(){ setTimeout(function(){ console.log("被调用了"); st() },2000); } st(); ...

Javascript中setTimeOut和setInterval的定时器用法

01-19

Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

07-14

在JavaScript中，`setTimeout`和`setInterval`是两个非常重要的定时器函数，它们用于在指定的时间后执行特定的函数。然而，`setInterval`在某些情况下可能不如我们期望的那样工作，因为它会周期性地不间断执行，即使...

快速掌握Node.js中setTimeout和setInterval的使用方法

12-23

今天先学下setTimeout和setInterval的使用。一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...

js基于setTimeout与setInterval实现多线程

10-22

在JavaScript中，可以使用`setTimeout`和`setInterval`两个函数来模拟多线程的效果。这两个函数可以让一个函数在指定的时间后执行一次，或者每隔指定的时间周期性地执行。首先，我们来解释一下这两个函数的基本...

使用setTimeout实现setInterval

weixin_54165147的博客

01-29

329

可以根据实际需求传入不同的函数和延迟时间来实现不同的定时任务。版权声明：本文为CSDN博主「SHOW科技」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。🙋‍♂️ 作者简介：2020参加工作，专注于前端各领域技术，共同学习共同进步，一起加油呀！可以使用递归调用setTimeout来实现setInterval的功能。🔥 摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼！函数，该函数接受一个函数和延迟时间作为参数。内部定义了一个闭包函数。

使用setTimeout()实现setInterval()功能

TravelAlone的博客

01-23

5336

setTimeout()与setInterval()本身功能说明，如下： setInterval(fun,time)：间隔time就执行fun函数一次，重复性的。 setTimeout(fun,time):当过了time时间后，执行fun函数一次，非重复性的，只执行一次。 setTimeout()实现setInterval()功能： /* * 调用函数 * 参数分为：true和

使用setTimeout实现setInterval功能

HHH_LLL的博客

05-11

926

一个递归解决问题： var i=0; function setInterval(){ setTimeout(function(){ console.log(i++); setInterval(); },1000); } setInterval();

用 setTimeout 来实现 setInterval

总结前端开发中遇到的问题，分享前端知识

08-03

1023

假设，某个 onclick 事件处理程序使用 setInterval()来设置了一个 200ms 的重复定时器。首先来看 setInterval 的缺陷，使用 setInterval()创建的定时器确保了定时器代码规则地插。这种重复定时器的规则有两个问题：1.某些间隔会被跳过 2.多个定时器的代码执行时间。定时器代码添加到队列中。这确保了定时器代码加入队列中最小的时间间隔为指定时间。这个问题在于：如果定时器代码在代码再次添加到队列之前还没完成执行，当且仅当没有该定时器的如何代码实例时，才会将。......

用 setTimeout 实现 setInterval 的功能