setInterval与setTimeout使用规则与注意点

最新推荐文章于 2022-08-03 10:02:04 发布
最新推荐文章于 2022-08-03 10:02:04 发布
阅读量993 收藏
点赞数
分类专栏： 基础知识小结 文章标签： 计时执行
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41708308/article/details/87889484
版权
本文详细介绍了JavaScript中的setInterval和setTimeout的使用方法和注意事项。setInterval用于按指定毫秒数不停重复执行代码，需通过clearInterval停止。setTimeout则在延迟后执行一次代码，停止方式为clearTimeout。两者在使用规则上相似，但执行行为有别。
摘要由CSDN通过智能技术生成

setInterval() 间隔指定的毫秒数不停地执行指定的代码。
window.setInterval() 方法可以不使用window前缀，直接使用函数 setInterval()。
setInterval() 第一个参数是函数（function），第二个参数是间隔的毫秒数。
注意： 1000毫秒是1秒。

注意： 是不停地执行指定的代码，如果你没有清除这个 setInterval ，那么它将会按照你所设置的间隔时间不停地运行所指定的代码。
下面这段代码表示每隔3000毫秒便执行一次myf函数。

setInterval(myf, 3000);
function myf(){
   
	a++;
    $("#toolbar").append('<p>这是第' + a +
最低0.47元/天 解锁文章
My f
关注
专栏目录
Jquery中使用setInterval和setTimeout的方法
12-10
然而，需要注意的是，在使用 `setInterval` 或 `setTimeout` 时，尽量避免将函数名用引号包裹，因为这会导致JavaScript将其解释为字符串而非函数引用。如"方法2"所示，正确的方式是直接传递函数名，不加引号和括号：...
Window setInterval() 方法详解，其中有的两个大坑：①当参数为code时，记得要用单引号括起来，否则代码只会执行一次。②单双引号歧义问题
Easylee的博客
05-16 709
目录 1_语法： 2_当参数为code时，两个易踩得坑： 3_四种正确的常见写法 4_总结 1_语法： setInterval(code, milliseconds); setInterval(function, milliseconds, param1, param2, ...) 参数 描述 code/function 必需。要调用一个代码串，也可以是一个函数。 milliseconds 必须。周期性执行或调用 code/function 之间的时间间隔，以毫秒计。
js 中的SetTimeOut()
u010450065的专栏
10-31 4022
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
用 setTimeout 来实现 setInterval
总结前端开发中遇到的问题，分享前端知识
08-03 1023
假设，某个 onclick 事件处理程序使用 setInterval()来设置了一个 200ms 的重复定时器。首先来看 setInterval 的缺陷，使用 setInterval()创建的定时器确保了定时器代码规则地插。这种重复定时器的规则有两个问题：1.某些间隔会被跳过 2.多个定时器的代码执行时间。定时器代码添加到队列中。这确保了定时器代码加入队列中最小的时间间隔为指定时间。这个问题在于：如果定时器代码在代码再次添加到队列之前还没完成执行，当且仅当没有该定时器的如何代码实例时，才会将。......
定时器setTimeout()和setInterval()使用心得整理
weixin_34071713的博客
01-15 174
JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。 一、setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, ...
window.setInterval的用法与实例
热门推荐
苍月
01-04 4万+
window.setInterval() 功能：按照指定的周期（以毫秒计）来调用函数或计算表达式。 语法：setInterval(code,millisec)   解释：code：在定时时间到时要执行的JavaScript代码串。 millisec：设定的定时时间，用毫秒数表示。 返回值：定时器的ID值，可用于clearInterval()方法停止指定的定时器。 注：setInter
Vue中使用 setTimeout() setInterval()函数的问题
10-18
然而，在Vue的上下文中使用这两个函数时，需要注意一些特定的问题，主要是由于JavaScript的`this`指向规则与Vue的响应式系统之间的交互。 在给定的示例中，`setTimeout` 的回调函数内部，`this` 的上下文发生了变化...
vue 解决setTimeOut和setInterval函数无效报错的问题
11-19
在Vue.js项目中，开发过程中可能会遇到`setTimeout`和`setInterval`函数失效或报错的问题，这通常与JavaScript的异步执行、作用域以及Vue的特性有关。下面我们将详细探讨这个问题及其解决方案。 首先，`setTimeout`...
12306抢票逻辑与代码实现
02-05
这涉及到线程调度和定时任务的实现，比如使用JavaScript的setTimeout或setInterval，或者是后端的定时任务服务如Quartz或Cron。 **订单提交**：一旦发现有可用票源，抢票程序需要迅速提交订单。12306的订单提交过程...
javascript与css3动画结合使用小结
10-24
过去，JavaScript是实现网页动画的主要手段，通过使用`setTimeout`、`setInterval`等函数，可以实现定时或循环改变元素样式的效果。然而，这种方法存在明显的局限性。首先，定时器的延时并不是绝对精确的，它依赖于...
Window setInterval() 方法
实践求真知
04-12 2010
定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 提示： 1000 毫秒= 1 秒。 语法 setInterval(code,m
setInterval () 间隔性定时器
m0_68036090的博客
03-27 7692
开发工具与关键技术：DW/js 作者：梁水秀 撰写时间：2022/3/27 js定时器 间隔性定时器setInterval () : 每隔一定的时间就触发一次 计时器setInterval()：在执行时,从载入页面后每隔指定的时间执行代码。 语法:setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 返回值:一个可以传递给clearI...
setTimeout和setInterval相互实现
qq_42181069的博客
06-29 835
setInterval在执行完一次代码之后， 经过了那个固定的时间间隔， 它还会自动重复执行代码， 而setTimeout只执行一次那段代码。 带清除定时器版本 3、利用setInterval实现setTimeout 4、扩展思考：为什么要用 setTimeout 模拟实现 setInterval？setInterval 的缺陷是什么？ 这里只做粗略回答：定时器指定的时间间隔，表示的是何时将定时器的代码添加到消息队列，而不是何时执行代码。所以真正何时执行代码的时间是不能保证的，取决于何时被
CODE:给c#添加SetTimeout和SetInterval函数
weixin_34034670的博客
03-08 154
1. Javascript中的SetTimeout和SetInterval函数很方便，把他们移植到c#中来。 调用示例：   执行效果： 2. 实现代码:  1         /// &lt;summary&gt;  2         /// 在指定时间过后执行指定的表达式  3         /// &lt;/summary&gt;  4      ...
利用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
weixin_44761091的博客
04-06 2976
文章目录一、setInterval存在的问题二、setTimeout实现SetInterval 一、setInterval存在的问题 直接例子： let startTime = new Date().getTime(); let count = 0; setInterval(function () { count++; console.log( `与原设定的间隔时差了${ new Date().g
setinterval和settimeout使用注意
pengzi8690的博客
08-01 287
setTimeoutfunction click() { // code block1... setTimeout(function() { // process ... }, 200); // code block2 } 假设我们给一个button的onclick事件绑定了此方法, 当我们按下按钮后, 肯定先执行block1的内容, 然后运行到setTimeout的地方, setTim
使用setTimeout实现setInterval的功能
jameszhufu的博客
08-17 1万+
timerFun() function timerFun(){   //要执行的操作   var timer=setTimeout(function(){   timerFun()   clearTimeout(timer)   },2000) }
JS中的随机实验与免费商业字体使用指南
这些操作通常使用定时器函数如setTimeout和setInterval来控制。 5. 随机选择案例：在做实验时，可以通过随机选择的方式从预设的案例数组中选出一个案例进行测试，这有助于验证代码的普适性和健壮性。 知识点二：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值