setTimeout一小注意点

最新推荐文章于 2022-07-12 13:38:28 发布
原创 最新推荐文章于 2022-07-12 13:38:28 发布 · 243 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#1

本文深入探讨了setTimeout在等待时间超出最大整型数后的行为变化，揭示了当设定的延迟时间超过JavaScript最大整型数限制时，定时器将立即执行而非延迟执行的现象。文章通过实例分析，强调了在实际应用中应对等待时间进行合理范围检查的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

setTimeout意味着在多少毫秒之后触发对应的动作，那么在这个毫秒数超出了最大整型数之后会怎么样呢？

前几天公司运营报了一个页面异常说打卡一个页面旋转等待弹窗不间断的弹出，经查看是不断的在执行setTimeout中的一个动作，至此大家仍未意识到是什么原因造成了此现象，觉得问题出在前端。在我和另一个前端仔细检查了逻辑之后并未发现逻辑错误，此时后端人员也开始检查给前端返回的这一秒数——后端返回的秒数在前端需乘1000使用，然后查看得知后端返回的这个数字有七位之多，在写了个demo验证之后，发现

setTimeout在等待时间超出最大整型数后会立即执行function内的动作。

故如果等待时间为一个变量，最好在前面加个判断，小心为上！！！

EthanWu1248
关注
JS中【setTimeout】使用注意事项总结
2301_79858914的博客
08-16 1631
setTimeout是JavaScript中非常强大且常用的工具，但其异步特性、作用域问题以及潜在的性能影响需要开发者在使用时加以注意和正确处理。理解这些细节可以帮助你更有效地控制代码执行的时机，避免常见的错误和陷阱。
setTimeout两个注意点
huojiecs的专栏
12-15 604
setTimeout 需要注意的是 1,、要写在要循环执行的方法里！ 2、调用方法时候 直接写方法名字不带括号  或者以 setTimeout(“temp()”,2000); 这两种形式调用     setTimeout()在js类中的使用方法   setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000
关于setTimeout要注意的
zerofine的专栏
04-10 492
1.首先setTimeout函数里面不能传递参数for(var i = 0;i < 4;++i){setTimeout(function(i){console.log(i)},100)}答案是undefined,这里虽然有考虑到函数是按值传递的，但是却没有拿到值，这个函数参数是否没有意义for(var i = 0;i < 4;++i){(function(num){setTimeout...
setTimeout的用法及注意点
cztflove的博客
08-31 520
用法一 setTimeout("alert('hello world')", 1000 ); 用法二 function hello(){ alert("hello world"); } setTimeout(hello,1000); 用法三 setTimeout(function(){alert("hello world");},1000);注意：setTimeout中的this指向wind
setTimeout第一个参数应该注意的地方
wuuconix's blog
07-12 735
第一个参数应该是一个函数，而不是一个函数的调用。 这样的语句看起来没什么问题，1000毫秒之后执行 console.log(‘23333’)。但这是完全错误的，在浏览器里你会发现，他没有等待1000毫秒，而直接输出了。而在node中会在立刻输出23333后报错。报错的提示是。我们知道，console.log的返回值就是undefined。所以在这里看起来是一个函数，而他实际上就是一个。所以我们可以有两种解决办法，一个是在后面传入参数。 当参数很多的时候这就显得很麻烦，也不太好理解。更好的方法是把调用语句包装
JavaScript的setTimeout用法注意事项
江湖人称二舅
05-19 409
今天写一段代码，需要暂停1秒后，将图片的src变回去，想到了使用setTimeout函数，然而如下写代码之后，发现无效：setTimeout(objImg.src=imgSrcOld,1000); 在语句外面加上”“依然不行，查找之后发现，语句需要写成下面这样子：setTimeout(function(){objImg.src=imgSrcOld},1000);需要将js语句放到函数体中才可以执行
微信小程序—setTimeOut定时器的问题及解决
10-16
总结来说，开发者在微信小程序中使用`setTimeOut`定时器时，需要注意其工作原理和正确使用方法，避免因理解错误导致的问题。实践是学习的最佳途径，通过解决实际遇到的坑，开发者可以不断提升自己的技能和经验。对于...
setTimeout使用注意事项1
08-08
在JavaScript编程中，`setTimeout` 是一个非常常用的函数，用于在指定的时间延迟后执行一个回调函数。然而，有一些使用 `setTimeout` 的注意事项需要开发者了解，特别是在高性能和优化方面。以下是一些关键点： 1. ...
setTimeout学习小结
12-07
**setTimeout学习小结** 在JavaScript中，`setTimeout`是一个非常重要的异步编程工具，用于在指定的毫秒数后调用一个函数或者执行一段代码。本文主要围绕`setTimeout`的原理、`setTimeout(function(){..},0)`的意义...
expect set timeout -1 永不超时
weixin_30347009的博客
02-29 277
. ~/.bash_profile passwd='xxx' expect <<! set timeout -1 spawn rsync -avH /webapps/Seeyon/A8/base/upload/ root@120.26.93.217:/webapps/Seeyon/A8/base/upload/ expect { "(yes/no)?" { ...
setTimeout 设置1秒，1秒后一定会执行吗？
风向决定发型的博客
04-20 1821
这个问题是个比较常会被问到的一个面试题，我们直接来看代码 这里为了直观的看到效果，在咱们设置为0秒。 setTimeout(function() { console.log("计时器执行") }, 0) for (var i = 0; i < 1000000000; i++) { if (i == 999999999) { console.log(i); } } 这里可以看到大约过了俩秒后，控制台才显示出 999999999，其次才显示出 “计时器执行”。可能有些人就会说了，你的电脑配置
js setTimeout和for循环搭配使用时变量的问题
I_recluse的博客
06-09 1万+
最近在写一个定时打字的效果，需要for循环和setTimeout搭配使用，出现了一些问题，在网上查找找到了问题所在。1.setTimeout(func,time)函数运行机制    setTimeout(func,time)是在time（毫秒单位）时间后执行func函数。浏览器引擎按顺序执行程序，遇到setTimeout会将func函数放到执行队列中，等到主程序执行完毕之后，才开始从执行队列（队列...
setTimeout的理解
weixin_33958366的博客
07-25 193
setTimeout的运行机制 先看下面一个例子： <script type="text/javascript"> var t=true; window.setTimeout(function(){ t=false; },1000); while(t){ } a...
setTimeout知识点记录
cainiaolaili的博客
07-06 325
1.setTimeout函数用来指定某个函数或代码，再多少时间之后执行。返还的是一个整数，表示定时器的编号，可以用来取消定时器var timer=setTimeout(func|code,delay)上面代码，setTimeout函数接受2个参数，第一个参数是将要执行的函数名或者一段代码，第二个参数delay是推迟执行的毫秒数。需要注意的是：推迟执行的代码必须以字符串的形式，放入 setTimeo...
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
让setInterval()和setTimeout()传递为变量的参数
Mallva
01-17 2404
   在一些函数中，我们不得不使用setInterval()或setTimeout()传递为变量的参数，事实上，可以使用匿名函数完成些功能。下面是使用setInterval()函数，但不限于setInterval()函数，setTimeout()函数与此类似。var data = "测试传递";setInterval(function() ...{    test(data);},
在for循环中运行setTimeout的三种情况
没有感情的代码机器的博客
07-05 1万+
在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。 下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(i),0); } 看完这段代码思考一下结果输出是什么呢？ 是不是第一时间想到的是连续的10个10呢？啊哈哈这样就...
微信小程序setTimeout
最新发布
03-08
### 微信小程序中 `setTimeout` 函数的使用 在微信小程序开发过程中，可以利用 JavaScript 的内置函数 `setTimeout()` 来设置一段特定的时间间隔，在这段时间过后再执行指定的操作。此功能对于创建具有延时效果的应用场景非常有用。 #### 基本语法结构 `setTimeout()` 接受两个主要参数：一个是回调函数（即希望延迟后被执行的任务），另一个是以毫秒为单位的时间长度。下面是一个简单的例子来展示如何调用该方法： ```javascript // 设置一个计时器，在2秒钟之后打印消息到控制台 let timerId = setTimeout(() => { console.log('两秒已过'); }, 2000); ``` 这段代码会等待大约2秒后再输出字符串 '两秒已过' 到调试工具的日志面板里[^3]。 #### 取消定时器 如果想要提前终止某个尚未触发的 `setTimeout` 定时器，则可以通过传递之前由 `setTimeout()` 返回的 ID 给 `clearTimeout()` 方法完成取消操作: ```javascript if (someCondition) { // 如果满足某些条件则停止计时器 clearTimeout(timerId); } ``` 需要注意的是，当页面发生跳转或者被关闭的时候，原有的所有未到期的定时器都会自动清除掉，因此无需担心内存泄漏问题[^4]。 #### 处理可能遇到的问题 尽管 `setTimeout` 是一种简单而有效的机制用于引入短暂暂停或计划未来事件的发生，但在实际应用中可能会碰到一些挑战。例如，由于JavaScript单线程特性的影响，即使设置了固定时间周期的实际运行也可能存在偏差；另外，在频繁更新UI界面的情况下，过度依赖此类异步编程模式可能导致性能下降等问题[^5]。 #### 示例应用场景 假设有一个需求是在用户点击按钮后的三秒钟显示一条提示信息给用户知道他们的动作已经被接收到并正在处理当中。那么就可以这样编写相应的逻辑： ```javascript Page({ handleButtonClick() { wx.showToast({title:'加载中...',icon:'loading'}); let hideToastTimer = setTimeout(() => { wx.hideToast(); wx.showModal({ title: '通知', content: '您的请求已被成功接收!', showCancel:false, success(res){ if (res.confirm) { console.log('用户确认了模态框') } } }); // 清除不再需要使用的定时器变量 clearTimeout(hideToastTimer); }, 3000); } }) ``` 上述代码片段展示了如何结合微信小程序 API 和 `setTimeout` 创建一个友好的用户体验流程[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值