首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于setTimeout和setInterval的函数参数问题

今天在写验证码倒计时小demo时,用了如下代码: window.setTimeout(count(num),1000); 这样直接使用将使count函数立即执行,并将返回值传递给setTimeout函数作为参数...方法一 使用字符串形式可以达到想要的结果: window.setTimeout("count(num)",1000); 这是我以前常用的方法。 但这种写法是将函数包在引号里,有点像字符串,不够直观。...(_count(30),1000); 这里定义了一个函数_count,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。...在 window.setTimeout函数中,使用_count(30)来返回一个不带参数的函数,此时不需要用引号也实现了参数传递的功能。...其实还可以直接写成: window.setTimeout(function(){count(30);},1000); 另外也有人通过修改setTimeout、setInterval来实现。

1.9K20

JavaScript定时调用函数(SetInterval与setTimeout)

不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。...,它只是简单地每隔一定时间就重复执行一次那个函数。...只要调用了setInterval("PerRefresh()", 5000)此函数,那么每隔5秒钟就会执行PerRefresh这个函数。    ...如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout...setInterval 不断地执行指定代码直到调用clearInterval清除定时器对象 setTimeout 执行一次指定代码,使用clearTimeout清除定时器对象 setInterval和setTimeout

1.4K40
您找到你想要的搜索结果了吗?
是的
没有找到

使用Jest测试包含setTimeout调用的函数踩坑记录

前两天给一个包含setTimeout调用的函数写单元测试,在使用fake timer的时候遇到了问题,记录一下。...回到我们的测试用例,原因也就明确了:调用enqueueJob之后,catch中的回调被加入了队列,而随后的delay则相当于直接调用了setTimeout(前面说到Promise对象构造时的回调函数是立刻执行的...相应地,Jest还提供了advanceTimersByTime函数,可以将Jest运行测试用例时的假时钟向前拨动,并“按时”运行之前通过setTimeout、setInterval传入的回调。...,对setTimeout函数进行了拦截侦听,被调用时不做任何事。...断言通过后,我们再手动调用传入的回调函数来模拟6s已经经过的场景。

6.6K60

也谈 setTimeout

为了理解定时器的内部机制,有一点必须着重强调:延迟时间的精确度无法保证,比如延迟 10ms ,回调函数不一定在 10ms 后执行。...这是因为,浏览器中的 javascript引擎是单线程,所有的异步函数必须等到适合的时间执行。 为了更好地阐述,John 采用了看图说话的方式,点击查看图片。...另外,在第一个 js 块中,鼠标点击了,但是事件处理函数不会立刻执行,和 timer 一样,也要等到一个 js block 执行完后才执行。 终于,第一个 js 块执行完。...事件处理函数和 timer 都在等待,于是事件处理函数执行, timer 继续等待。 在事件处理函数执行过程中,10ms 的 interval 触发了,毫无疑问不会立刻执行,进入队列等待。...setTimeout 总是会在其回调函数执行后延迟 10ms (或者更多,但不可能少),而 setInterval 总是 10ms 执行一次,而不管 它的回调函数执行多久。

1.5K100

也谈 setTimeout

为了理解定时器的内部机制,有一点必须着重强调:延迟时间的精确度无法保证,比如延迟 10ms ,回调函数不一定在 10ms 后执行。...这是因为,浏览器中的 javascript引擎是单线程,所有的异步函数必须等到适合的时间执行。 为了更好地阐述,John 采用了看图说话的方式,点击查看图片。...另外,在第一个 js 块中,鼠标点击了,但是事件处理函数不会立刻执行,和 timer 一样,也要等到一个 js block 执行完后才执行。 终于,第一个 js 块执行完。...事件处理函数和 timer 都在等待,于是事件处理函数执行, timer 继续等待。 在事件处理函数执行过程中,10ms 的 interval 触发了,毫无疑问不会立刻执行,进入队列等待。...setTimeout 总是会在其回调函数执行后延迟 10ms (或者更多,但不可能少),而 setInterval 总是 10ms 执行一次,而不管 它的回调函数执行多久。

1.3K10

setTimeout 进阶详解

一开始我以为当setTimeout的第二个参数设置为0是直接执行的, 但没想到结果却让我很以为, 打印出的结果是2,3,1 仔细一想确实是那么一回事,因为js是单线程的下面简单分析一下 setTimeout...setTimeout(fn, millisec) 这个函数的正确解释是在js线程没有其他任务,处于空闲状态下,在millisec毫秒后执行fn函数 setTimeout(fn,0)的含义是,指定某个任务在主线程最早可得的空闲时间执行...那么 ,setTimeout()只是将事件插入了"任务队列",必须等到当前代码(执行栈)执行完,主线程才会去执行它指定的回调函数。...要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行

55910

setTimeout和requestAnimationFrame

setTimeout setTimeout的运行机制:执行该语句时,设置一个定时器,定时时间置为多设置的延时,当计数结束后,将传入的函数加入任务队列,之后的执行就交给任务队列负责。...要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行。...setTimeout 和 setInterval区别 setTimeout: 指定延期后调用函数,每次setTimeout计时到后就会去执行,然后执行一段时间后才继续setTimeout,中间就多了误差...当一个函数必须调用自身的时候, 避免使用 arguments.callee(), 通过要么给函数表达式一个名字,要么使用一个函数声明. setTimeout(function fn(){ console.log...('我被调用了'); setTimeout(fn, 100); },100); 这个模式链式调用了setTimeout(),每次函数执行的时候都会创建一个新的定时器。

1.7K20

深入学习setTimeOut

最后 ,我们可以总结出,setTimeout只能保证在指定的时间后将任务(需要执行的函数)插入任务队列中等候,但是不保证这个任务在什么时候执行。...当你往两个表单输入内容时,你会发现未使用setTimeout函数的只会获取到输入前的内容,而使用setTimeout函数的则会获取到输入的内容。 这是为什么呢?...未使用setTimeout函数,执行顺序是:onkeydown => onkeypress => onkeyup 使用setTimeout函数,执行顺序是:onkeydown => onkeypress...不止两个参数 我们都知道,setTimeout的第一个参数是要执行的回调函数,第二个参数是延迟时间(如果省略,会由浏览器自动设置。...其实,setTimeout可以传入第三个参数、第四个参数….,它们表示神马呢?其实是用来表示第一个参数(回调函数)传入的参数。

83020

setTimeout的那些事

:让JS从现在开始,经过指定的时间后,执行相应的函数。...以下YY一段setTimeout表哥的对话: setTimeout: 欧妮桑 setInterval:纳泥? setTimeout:我发现你可能有bug!...setTimeout:请看下面代码: setTimeout(function() { doWhatYouWantTo(); setTimeout(arguments.callee...如果给这个事件绑定了处理函数,在浏览器窗口大小改变的时候会很高频地触发处理函数。如果处理函数中有DOM操作的话,对页面性能影响会很大,尤其是在IE浏览器中,甚至可能让浏览器崩溃。...如果你实在需要在这类事件上绑定操作DOM的函数,那么可以考虑一下限制一下事件执行的时间间隔,至少不要那么频繁。至于设置多少时间间隔,看具体场景和需求。

1.6K10

setTimeout的那些事

如果懂setTimeout,可以直接看第3节,前面两节也可以当段子看一下。 如果不是很懂setTimeout,看下1,2两节应该会有一些收获。...:让JS从现在开始,经过指定的时间后,执行相应的函数。...以下YY一段setTimeout表哥的对话: setTimeout: 欧妮桑 setInterval:纳泥? setTimeout:我发现你可能有bug!...如果给这个事件绑定了处理函数,在浏览器窗口大小改变的时候会很高频地触发处理函数。如果处理函数中有DOM操作的话,对页面性能影响会很大,尤其是在IE浏览器中,甚至可能让浏览器崩溃。...如果你实在需要在这类事件上绑定操作DOM的函数,那么可以考虑一下限制一下事件执行的时间间隔,至少不要那么频繁。至于设置多少时间间隔,看具体场景和需求。

2K00

嘭,setTimeout炸了

~欢迎点击上方蓝字「歪码行空」快速关注~ ---- 今天要说的很简单,没有setTimeout的基本用法,也没有什么特殊用法。...就是想记录一下setTimeout的一个特殊情况,分享给可能也不知道的你们。...setTimeout的基本写法大家都不陌生,如下: setTimeout(() => { // 说,你倒计时想干什么 }, millisecond) 其中第二个参数是需要延时执行的毫秒数,大家应该都知道这个时间是不准确的...然后我突然开始怀疑setTimeout的倒计时时间问题。于是开始查,最后查到了原因,真的是这货的锅,它因为延时时间过长,炸了。 这就是今天的重点:setTimeout 的延时毫秒数是有限制的。...看完之后,以后如果你也遇到setTimeout失灵的情况,记得想起这茬。

45220
领券