通过setTimeout 实现 setInterval

setInterval 和 setTimeout 都是定时器，写法和用法上也很相似，唯一不同的一点就是，setInterval能够根据设置的时间，间隔不断的执行下去，除非取消定时器。setTimeout根据设置的时间，延迟指定的时间，只执行一次。

setInterval

setInterval(回调函数，间隔时间)

setTimeout

setTimeout(回调函数，延迟时间)

通过setTimeout 实现 setInterval，这里用到了递归，核心思想就是不断的调用延时定时器，让他像setInterval一样隔一段时间自动执行一次

let i = 0
function wind() {if (i === 18) {clearTimeout(timer)return}var timer = setTimeout(function() {console.log('延迟2秒');wind()}, 500)i++}wind()

利用递归，首先设置了一个函数 wind, 然后在里面调用自己，实现递归。

当然，递归要写一个结束条件，不然一直调，一直调，就会调死了。就像说故事一样，从前有座山，山里有座庙，庙里有个小和尚在讲故事，讲的是什么故事呢？从前有座山……

这样下去没完没了，就会永无止境，程序就会崩溃，所以一般设一个结束条件，用return结束函数中的递归。

然后将定时器setTimeout放在函数中就可以了，在定时器内部调用函数 wind 自身，实现setTimeout 模拟 setInterval 的功能。

通过setTimeout 实现 setInterval相关推荐

javascript requestAnimationFrame 解决 setTimeout、setInterval 时间不准的方法。
javascript requestAnimationFrame 解决 setTimeout.setInterval 时间不准的方法. 取代 setInterval <!DOCTYPE html ...
setTimeOut()和setInterval()的用法
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数,只调用一次 setInterval(function( ...
setTimeout和setInterval实现定时器的区别
这两个方法都能够用来实现在一个固定时间段之后去运行JavaScript.只是两者各有各的应用场景. 方法实际上,setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要 ...
js中计时器setTimeout、setInterval、requestAnimationFrame区别
转载自:https://www.cnblogs.com/xiaohuochai/p/5777186.html 本文仅用于作为学习笔记计时器一直是javascript动画的核心技术.而编写动画循环的关 ...
setTimeout和setInterval的使用
(节选自JavaScript精粹) 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript.不过两者各有各的应用场景. 方法实际上,setTimeout和setInterval的语 ...
JavaScript———从setTimeout与setInterval到AJAX异步
setTimeout与setInterval执行首先我们看一下以下代码打印结果 1 2 3 4 5 6 7 console.log(1); setTimeout(function() { conso ...
js的事件循环机制：同步与异步任务（setTimeout，setInterval）宏任务，微任务（Promise，process.nextTick）...
javascript是单线程,一切javascript版的"多线程"都是用单线程模拟出来的,通过事件循环(event loop)实现的异步. javascript事件循环事件循环 ...
setTimeout和setInterval你真的了解吗?
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质, 甚至可能会错误的把两个实现定时调用的函数理解成了类似thre ...
js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...
setTimeout 和 setInterval
由于 JavaScript 是异步的,可以使用 setTimeout 和 setInterval 来计划执行函数. 注意: 定时处理不是ECMAScript 的标准,它们在DOM (文档对象模型) 被 ...

通过setTimeout 实现 setInterval

通过setTimeout 实现 setInterval相关推荐

最新文章

热门文章