开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的setTimeout()函数在我给它的5秒定时器之后没有执行代码？

setTimeout()函数是JavaScript中的一个定时器函数，用于在指定的时间后执行一段代码。它接受两个参数，第一个参数是要执行的代码，可以是一个函数或一段代码字符串；第二个参数是延迟的时间，以毫秒为单位。

在你提到的情况中，setTimeout()函数没有执行代码的原因可能有以下几种可能性：

代码逻辑错误：请确保你的代码没有其他错误导致setTimeout()函数没有被调用。可以通过在setTimeout()函数之前添加console.log()语句来检查代码是否正常执行。
延迟时间设置错误：请确保你正确设置了延迟时间。setTimeout()函数的第二个参数是以毫秒为单位的延迟时间。如果你想要延迟5秒执行代码，应该将延迟时间设置为5000。
代码执行时间过长：如果你的代码执行时间超过了延迟时间，那么setTimeout()函数可能会在代码执行完之后立即执行。这可能会导致你观察到的现象。你可以通过优化代码或使用其他异步执行的方式来解决这个问题。

总结起来，如果你的setTimeout()函数在给定的延迟时间之后没有执行代码，你应该检查代码逻辑是否正确，延迟时间是否设置正确，并确保代码执行时间没有超过延迟时间。如果问题仍然存在，可能需要进一步调试和排查其他可能的原因。

腾讯云相关产品和产品介绍链接地址：

云函数（Serverless）：https://cloud.tencent.com/product/scf
弹性容器实例（Elastic Container Instance）：https://cloud.tencent.com/product/eci
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
云网络（VPC）：https://cloud.tencent.com/product/vpc
云安全中心（SSC）：https://cloud.tencent.com/product/ssc
腾讯云音视频处理（MPS）：https://cloud.tencent.com/product/mps
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse

相关搜索:Chrome自动填充在我的JS之后执行为什么clearTimeout没有阻止我的函数在Vue JS中执行为什么Proguard没有混淆我的代码？为什么在我的flutter中没有padLeft函数？为什么在我的函数中，parseInt不返回我传递给它的字符串中的0？为什么在等待之后我的代码行没有被调用？为什么我的catch块没有执行？为什么我的html代码中的函数没有被调用？为什么我的jquery代码没有显示我选择的选项？为什么我的onsubmit验证函数没有提交我的函数？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么我用了Redis之后，系统的性能却没有提升

很多时候，我们在面对一些热点数据的时候，通常会选择将热点数据放到redis中，以减少数据库的查询，减轻数据库的压力。但是如果我们使用redis的方式不对，那么可能导致系统的性能不升反降。...使用缓存的场景不正确我们知道redis是基于内存实现的，所以速度会非常快，我们通常会将热点数据放到redis中，以减少对数据库的压力。...但是我们为了保证缓存与数据库的数据一致性，在数据进行修改的时候，我们就需要对缓存进行维护。所以如果数据的变更很频繁的话，就需要对缓存进行频繁的维护，缓存的命中率也会特别低。...缓存的使用场景应该是修改频率不高，查询频率较高的场景。如果使用redis的场景不对，通常会导致我们得不偿失。 2. key设计不当导致产生了bigkey 什么是bigkey？...如果我们选择appendfsync always的话，虽然数据的安全性高，但是每次写入都要刷盘会导致redis的性能很大程度的降低，所以我们一般会选择appendfsync everysec的策略来对数据进行持久化

1.8K1 0

关于JavaScript计时器的知识学习

setTimeout 的第二个参数是延迟（以 ms 为单位）。这就是为什么我将 4 乘以 1000 使其成为 4 秒 setTimeout 的第一个参数是执行将被延迟的函数。..., 4 * 1000); 传递参数如果使用 setTimeout 延迟其执行的函数接受任何参数，我们可以使用 setTimeout 本身的剩余参数（在我们了解到目前为止的 2 参数之后）将参数值中继到延迟函数...这样，该函数可以根据我们传递给它的任何延迟值打印不同的消息。然后我在两个 setTimeout 调用中使用了 theOneFunc ，一个在 4 秒后触发，另一个在 8 秒后触发。...定时器延迟不是固定的在前面的例子中，您是否注意到在 0 ms 之后执行 setTimeout 的操作并不意味着立即执行它（在 setTimeout内部），而是在脚本中的所有其他操作之后立即执行它（包括...另外，我们需要一个 if 语句来控制只有在 5 次调用该递归函数之后才能执行此操作。

1.6K4 0

深度解密setTimeout和setInterval——为setInterval正名！

为什么呢？原因是事件环中JS Stack过于繁忙的原因，当排队轮到定时器的callback执行的时候，早已超时。...：定时器重复执行的最大时长 afterTimeUp：定时器超时之后的回调函数，返回afterTimeUp(id,usedTime,countTimes)，id是定时器的时间，usedTime是定时器执行的总时间...哈哈苍天饶过谁，在相同时间，相同压力的情况下，都出现了跳帧超时，不过两人的原因不一样setTimeout压根没有执行，而setInterval是因为抛弃了相同队列下相同定时器的其他callback也就是只保留了了队列中的第一个挤进来的...事件环（eventloop）为了弄清楚为什么两者都无法精准地执行回调函数，我们要从事件环的特性开始入手。 JS是单线程的在进入正题之前，我们先讨论下JS的特性。他和其他的编程语言区别在哪里？...实践是唯一获取真理的方式。通过chrome的测试工具，我们可以发现清除分配给变量的内容，可以释放内存，这也是为什么有许多代码结束之后会xxx=null，也就是为了释放内存的原因。

3K3 0

也谈 setTimeout

所以往 dom 插入元素再立刻操作这个 dom ，那么很有可能这个 dom 还没有重绘完成，因此操作无效。那么，为什么放入 setTimeout( func, 0 ) 中就可以呢？...setTimeout 进一步理解可以更深入的思考： setTimeout( func, 0 ) 是延迟 0ms 执行，也就是立刻执行，但为什么还是在重绘之后呢？重绘肯定会超过 0ms 啊！...为了理解定时器的内部机制，有一点必须着重强调：延迟时间的精确度无法保证，比如延迟 10ms ，回调函数不一定在 10ms 后执行。...事件处理函数和 timer 都在等待，于是事件处理函数执行， timer 继续等待。在事件处理函数执行过程中，10ms 的 interval 触发了，毫无疑问不会立刻执行，进入队列等待。...定时器的代码总是会被延迟到下一个可能的时间点执行，这个时间点很可能比你给定的时间要长。如果 Intervals 的回调执行时间比你给定的 delay 还要长，那么他们会连在一起执行。

1.3K1 0

也谈 setTimeout

也谈 setTimeout setTimeout ，延迟一段事件执行代码，当然这是最基本的用法，这里不说基本用法。...setTimeout 进一步理解可以更深入的思考： setTimeout( func, 0 ) 是延迟 0ms 执行，也就是立刻执行，但为什么还是在重绘之后呢？重绘肯定会超过 0ms 啊！...为了理解定时器的内部机制，有一点必须着重强调：延迟时间的精确度无法保证，比如延迟 10ms ，回调函数不一定在 10ms 后执行。...事件处理函数和 timer 都在等待，于是事件处理函数执行， timer 继续等待。在事件处理函数执行过程中，10ms 的 interval 触发了，毫无疑问不会立刻执行，进入队列等待。...定时器的代码总是会被延迟到下一个可能的时间点执行，这个时间点很可能比你给定的时间要长。如果 Intervals 的回调执行时间比你给定的 delay 还要长，那么他们会连在一起执行。

1.5K10 0

{防抖}与{节流}

二、原理无论是防抖还是节流最终的目的都是避免回调函数中的处理每次都执行。...1、防抖防抖的思想如下：借助事件循环队列和setTimeout来实现只有空闲的时候才去处理回调函数使用setTimeout主要是为了使得处理方法挂在事件循环队列后面，保证事件循环队列中的前面的一些操作有时间进行...i); }, 3000); })(i); } 这是因为，每次我将上次的timer给清除掉了，也就是我如果后面同样有处理函数的话，那我就用后面的定时器。...在解决onscroll问题的时候，如果自己观察console可以发现，防抖保证了滚动停止的时候，才会进行处理，因为滚动停止了，没有scroll事件了，最后一次timer会被保留，从而进行调用 2、节流...，则 flag 变成 true，能够设置下一次定时器 下面的代码虽然无法做到节流（不是无法做到节流，for太快了，和onscroll是不一样的），但是可以明显的看到一个等待期并且最后只能输出一个0，因为第一次执行之后

9032 0

聊一下JavaScript定时器

image.png 话说JS的定时器，常用的其实就是setTimeout和setInterval这二个。它们俩一个是运行一次就拉倒，另一个是你不叫我停我就一直跑，正好相反。...但因为JS是单线程的嘛，就是setTimeout(funct..(),n)，n秒之后执行，这个n啊，如果是一个定时器还OK。...如果你页面上有多个定时器，然后你之前的还没及时清除，那你就来吧，多个定时器就互相干扰。这个场景太美，我就不用语言描述了，你多搞几个setTimeout之类的自己体会下吧。...setTimeout互相干扰的大概原理吧，就是setTimeout(func..., n)，是说n秒之后就把func函数加入主线程开始执行。...那你如果定时是5秒之后执行fn函数的话，事实上也许将要等一分钟如果是setInterval呢，那就更坑，坑的n次方。为什么呢？首先setInterval就是重复执行的，你不说停我不停的这种。

8509 0

动图学 JavaScript 之：事件循环（Event Loop）

上图中函数 respond 返回了一个 setTimeout 函数，它也被添加到调用栈中，（setTimeout 正是 Web API 提供的功能之一：它可以让我们延迟一个任务的执行并且不阻塞主线程。）...setTimeout 被调用之后，传给它的箭头函数 () => { return 'Hey' } 就被添加进了 Web API （此处简化了概念，具体可以看笔者的另一篇文章）中。...任务队列在 Web API 中，一个定时器已经创建，它将会等待 1000 ms，当时间到后，这个箭头函数并不会立即被调用栈执行，它会被添加到一个队列中，我们暂且称之为任务队列（原文中叫 Callback...Event Loop 的唯一任务就是连接任务队列和调用栈：它不停检查调用栈中是否有任务需要执行，如果没有，就检查任务队列，从中弹出一个任务，放入调用栈中，如此往复循环。 ?...500ms 定时器结束，回调函数被放入任务队列，Event Loop 检查到调用栈是空的，所以将其取出放在调用栈。回调函数被执行，打印出 Second。

9671 0

如何实现比 setTimeout 快 80 倍的定时器？

更详细的原因，可以参考 为什么 setTimeout 有最小时延 4ms ? 探索假设我们就需要一个「立刻执行」的定时器呢？...这样，执行时机类似，但是延迟更小的定时器就完成了。再利用上面的嵌套定时器的例子来跑一下测试：全部在 0.1 ~ 0.3 毫秒级别，而且不会随着嵌套层数的增多而增加延迟。...直接放结论，这个差距不固定，在我的 mac 上用无痕模式排除插件等因素的干扰后，以计数到 100 为例，大概有 80 ~ 100 倍的时间差距。在我硬件更好的台式机上，甚至能到 200 倍以上。...为什么不用执行时机更靠前的微任务呢？...postMessage 定时器在 React 时间切片中的运用。 为什么时间切片需要用宏任务，而不是微任务

1634 0

谈一谈javascript异步

（就是暂停了这个定时器）继续执行第二个 console.log(myData); 没有可以执行的js代码，回头把挂起的任务继续执行下去继续看下一个栗子异步-ajax console.log...当主线程运行完毕之后，就会去执行任务队列中的任务（不断的重复扫描）直到任务队列清空观察这段代码 console.log(1); setTimeout(function ()...console.log(2);在主线程中，先执行， setTimeout(function(){console.log(1);}, 0);放在了任务队列中，只有在主线程执行完了才会去执行任务列队中的内容...为什么主线程的任务执行完了后需要不断的扫描任务列队中的内容呢？...定时任务：setTimeout,setInverval 网络请求：ajax请求，img图片的动态加载事件绑定或者叫DOM事件，比如一个点击事件，我不知道它什么时候点，但是在它点击之前，我该干什么还是干什么

8712 0

详解 JS 中的事件循环、宏微任务、Primise对象、定时器函数，以及其在工作中的应用和注意事项

为什么会然想到写这么一个大杂烩的博文呢，必须要从笔者几年前的一次面试说起当时的我年轻气盛，在简历上放了自己的博客地址，而面试官应该是翻了我的博客，好几道面试题都是围绕着我的博文来提问其中一个问题，直接使得空气静止了五分钟...，由js引擎线程维护执行顺序事件循环的过程中，执行栈在同步代码执行完成后，优先检查微任务队列是否有任务需要执行，如果没有，再去宏任务队列检查是否有任务执行，如此往复微任务一般在当前循环就会优先执行...setTimeout() setTimeout() 函数用于在指定的毫秒数后执行一个函数或指定的代码。...内存泄漏：在某些情况下，定时器的回调函数可能引用了外部变量或者大型数据结构，如果定时器没有被销毁，这些引用关系可能导致所涉及的内存无法被垃圾回收，从而造成内存泄漏。...Vue中如何销毁定时器？React中如何销毁定时器？为什么要销毁定时器？我是 fx67ll.com，如果您发现本文有什么错误，欢迎在评论区讨论指正，感谢您的阅读！

1301 0

JS引擎的执行机制event loop

里的函数并没有立即执行,而是延迟了一段时间,满足一定条件后,才去执行的,这类代码,我们叫异步代码。...,放到主线程里当 1、 3在控制条被打印后,主线程去event queue(事件队列)里查看是否有可执行的函数,执行setTimeout里的函数 3.JS中的event loop(2) 所以,上面关于...event loop就是我对JS执行机制的理解,直到我遇到了下面这段代码例2: setTimeout(function(){ console.log('定时器开始啦') }); new...for循环啦 --- 代码执行结束 --- 定时器开始啦 --- 执行then函数啦】吗?...下一轮的循环里,先执行一个宏任务,发现宏任务的【队列】里有一个 setTimeout里的函数,执行打印"定时器开始啦" 所以最后的执行顺序是【马上执行for循环啦 --- 代码执行结束 --- 执行then

1.7K4 0

你不知道的 Event Loop

引擎线程执行多个事件加入任务队列的时候需要排队等待(JS 的单线程) 定时器触发线程负责执行异步的定时器类的事件，如 setTimeout、setInterval 定时器到时间之后把注册的回调加到任务队列的队尾...JavaScript 的代码执行时，主线程会从上到下一步步的执行代码，同步任务会被依次加入执行栈中先执行，异步任务会在拿到结果的时候将注册的回调函数放入任务队列，当执行栈中的没有任务在执行的时候，引擎会从任务队列中读取任务压入执行栈...不能只是默许接受这个概念，在这里，我根据我的个人理解进行一番说(hu)明(che) 宏任务和微任务的真面目其实在 Chrome 的源码中并没有什么宏任务和微任务的代码或是说明，在 JS 大会[3]上提到过微任务这个名词...特殊的点 async 隐式返回 Promise 作为结果执行完 await 之后直接跳出 async 函数，让出执行的所有权当前任务的其他代码执行完之后再次获得执行权进行执行立即 resolve...(fn, 1) setTimeout 的回调函数在 timers 阶段执行，setImmediate 的回调函数在 check 阶段执行，Event Loop 的开始会先检查 timers 阶段，但是在代码开始运行之前到

8471 1

80%的前端开发都答不上来的js异步面试题

3、微任务微任务代码执行，和正常的JS代码执行没有区别，从上往下编译执行！！！执行完成之后，会跳回到第二步。4、宏任务宏任务代码执行，和正常的JS代码执行没有区别，从上往下编译执行！！！...参考前端进阶面试题详细解答1、主程序 - async async1程序声明异步async异步函数 async1，当一个函数未调用时，函数内容的代码是不会编译执行的，所以第一步并没有输出内容。...微任务：空宏任务：空4、主程序 - setTimeout程序终于来到了第一个异步部分setTimeout，这个单次定时器的定时为0s,意思为立即执行，但是因为他是异步的，所以他并不会立即执行，而是等到所有的主程序和排在他之前的异步任务执行完成之后才会执行...3、微任务微任务代码执行，和正常的JS代码执行没有区别，从上往下编译执行！！！执行完成之后，会跳回到第二步。4、宏任务宏任务代码执行，和正常的JS代码执行没有区别，从上往下编译执行！！！...1、主程序 - async async1程序声明异步async异步函数 async1，当一个函数未调用时，函数内容的代码是不会编译执行的，所以第一步并没有输出内容。

4123 0

10 分钟理解 JS 引擎的执行机制

},0) console.log(3) 运行结果是：1 3 2 也就是说，setTimeout里的函数并没有立即执行，而是延迟了一段时间，满足一定条件后才去执行的，这类代码，我们叫异步代码。...，放到主线程里当 1、 3在控制条被打印后，主线程去event queue(事件队列)里查看是否有可执行的函数，执行setTimeout里的函数。...3.JS中的event loop(2) 所以，上面关于event loop就是我对JS执行机制的理解，直到我遇到了下面这段代码。...下一轮的循环里，先执行一个宏任务，发现宏任务的“队列”里有一个setTimeout里的函数,执行打印"定时器开始啦" 所以最后的执行顺序是：马上执行for循环啦---代码执行结束---执行then函数啦...：3秒后，setTimeout里的函数被会推入event queue，而event queue(事件队列)里的任务，只有在主线程空闲时才会执行。

1.6K9 1

如何实现比 setTimeout 快 80 倍的定时器？

更详细的原因，可以参考 为什么 setTimeout 有最小时延 4ms ? 探索假设我们就需要一个「立刻执行」的定时器呢？...这样，执行时机类似，但是延迟更小的定时器就完成了。再利用上面的嵌套定时器的例子来跑一下测试： ? 全部在 0.1 ~ 0.3 毫秒级别，而且不会随着嵌套层数的增多而增加延迟。...直接放结论，这个差距不固定，在我的 mac 上用无痕模式排除插件等因素的干扰后，以计数到 100 为例，大概有 80 ~ 100 倍的时间差距。在我硬件更好的台式机上，甚至能到 200 倍以上。 ?...为什么不用执行时机更靠前的微任务呢？...postMessage 定时器在 React 时间切片中的运用。 为什么时间切片需要用宏任务，而不是微任务。

1.1K3 0

setTimeout和requestAnimationFrame

setTimeout setTimeout的运行机制：执行该语句时，设置一个定时器，定时时间置为多设置的延时，当计数结束后，将传入的函数加入任务队列，之后的执行就交给任务队列负责。...要是当前代码耗时很长，有可能要等很久，所以并没有办法保证，回调函数一定会在setTimeout()指定的时间执行。...如果上面代码中的onclick事件处理程序执行了300ms，那么定时器的代码至少要在定时器设置之后的300ms后才会被执行。...如图所示，尽管在255ms处添加了定时器代码，但这时候还不能执行，因为onclick事件处理程序仍在运行。定时器代码最早能执行的时机是在300ms处，即onclick事件处理程序结束之后。...('我被调用了'); setTimeout(fn, 100); },100); 这个模式链式调用了setTimeout()，每次函数执行的时候都会创建一个新的定时器。

1.8K2 0

Vue0.11版本源码阅读系列五：批量更新是怎么做的

顾名思义，batcher是批量的意思，所以就是批量更新，为什么要批量更新呢，先看一下下面的情况：我出来了 <div v-if="show && true"...flush给nextTick或者上次扔给nextTick的flush方法已经被执行了，就再给它一个。...批量很容易理解，都放到一个队列里，最后一起执行就是批量执行了，但是要理解MutationObserver的回调或者setTimeout的回调为什么能异步调用就需要先来了解一下JavaScript语言里的事件循环...IO操作，像常见的鼠标键盘事件注册、Ajax请求、settimeout定时器、Promise回调等。...所以会存在两个队列，一个是同步队列，也就是主线程，另一个是异步队列，刚才提到的那些事件的回调如果可以被执行了都会被放在异步队列里，当主线程上的任务执行完毕后会把异步队列的任务取过来进行执行，所以同步代码总是在异步代码之前执行

4252 0

JavaScript闭包和匿名函数的关系详解

前面讲了一篇在for加setTimeout输出内容，我们用到了一个闭包，但同时也可以说是匿名函数，到底匿名函数和闭包有没有关系呢？...然后在匿名函数后面接一对括号 ()，调用这个匿名函数。那为什么还要用一个括号包起来呢？...},i*1000); } 我们发现上面这个定时器总是输出6，因为setTimeout里面的执行函数是异步的，执行的时候，i的值是贯穿整个作用域的，而不是单独一个给每个定期器分配了一个i，for运行完的值是...我认为这两个概念之间的混淆来自于使用术语“闭包”，其中作者已经说过“下面的代码创建一个闭包”，然后给出了一个恰好使用匿名函数的例子。...一开始我以为匿名函数跟闭包有关系，那是因为恰好这个定时器使用了闭包和匿名函数，让我们误认为两者之间有关系，其实还有很多种方法可以解决这个问题，比如我们之前说到的setTimeout的第三个参数，同样可以得到跟使用立即执行函数同样的效果

5803 0

手把手带你分解 Vue 倒计时组件

可以看看setInterval有什么缺点：再次强调，定时器指定的时间间隔，表示的是何时将定时器的代码添加到消息队列，而不是何时执行代码。...，主线程中还有任务在执行，所以等待，some event执行结束后执行T1定时器代码；又过了100ms，T2定时器被添加到队列中，主线程还在执行T1代码，所以等待；又过了100ms，理论上又要往队列里推一个定时器代码...，但由于此时T2还在队列中，所以T3不会被添加，结果就是此时被跳过；这里我们可以看到，T1定时器执行结束后马上执行了T2代码，所以并没有达到定时器的效果。...这样，假设现在页面显示的是活动一的时间，这时，执行到setTimeout，在一秒后就会把setTimeout里的回调函数放到任务队列中，注意是一秒后哦！...其实也就是当前这个setTimeout的回调函数执行的时刻距离上一个setTimeout的回调函数执行的时刻时间段。可能你还是不太能理解diffTime。

1.5K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭