setInterval与setTimeout使用规则与注意点

最新推荐文章于 2023-07-18 17:01:32 发布

My f

最新推荐文章于 2023-07-18 17:01:32 发布

阅读量974

点赞数

分类专栏：基础知识小结文章标签：计时执行

本文链接：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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

My f

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端开发：JS中setTimeout和setInterval的对比使用

软贱开发攻城狮

05-17

1万+

前言在前端开发过程中，关于计时器的使用是非常常用的知识点，也是非常重要的，尤其是需要规定延迟多久之后再去执行某个操作。在JS的计时器使用中有setTimeout和setInterval，二者都是定时器，但是它们是有差异性的。无论是在实际开发使用还是求职面试的时候，setTimeout和setInterval的对比使用都是非常重要的知识点，那么本篇博文就来分享一下关于setTimeout和setInterval的对比使用吧。 JS定时器 JS的定时器有两个方法：setTimeout()和set

setTimeout和setInterval的注意事项

weixin_30730151的博客

12-28

105

精准问题 setTimeout的问题在于它并不是精准的，例如使用setTimeout设定一个任务在10ms后执行，但是在9ms后，有一个任务占用了5ms的cpu时间片，再次轮到定时器执行时，时间已经过期了4ms，那么是不是说setInterval就是准确的呢？然而并不是，setInterval存在两个问题：时间间隔可能会跳过时间间隔可能小于定时器设定的时间 ...

参与评论您还未登录，请先登录后发表或查看评论

setTimeout setInterval 需要注意的点

zq爱生活爱代码的博客

03-20

304

setTimeout(fun,time) 需要注意的意思函数要是 javascript是单线程的，setTimeout无论定时多久，都会放在当前执行事件的后面（或者是到了指定时间）， for (var i = 0; i < 10; i++) { setTimeout(function(){ console.log(i); }) } 6640 set...

setinterval和settimeout使用注意

pengzi8690的博客

08-01

282

setTimeoutfunction click() { // code block1... setTimeout(function() { // process ... }, 200); // code block2 } 假设我们给一个button的onclick事件绑定了此方法, 当我们按下按钮后, 肯定先执行block1的内容, 然后运行到setTimeout的地方, setTim

setinterval和settimeout两个定时器的联合使用

最新发布

qq_61838643的博客

07-18

754

这里小伙伴可能会遇到一个问题，那就是浏览器还没有收到上一个请求的结果，就已经发送了下一个请求，这样在停止定时器后还会得到一个结果，而根据后端的逻辑的不同，两个结果可能是不一致的，这样就会导致一定的问题。setInterval方法虽然能够简单便捷的实现无限重复执行，但是每次都会开启一个新的定时器，长此以往，会严重的影响项目的性能，而将两个定时器联合使用，则可以很好的避免这种情况。因为通过settimeout启动的定时器会在执行后自动清除。

setInterval与setTimeout的用法

weixin_43735593的博客

11-27

290

setInterval与setTimeout的用法定时器是我们在工作中经常用到的一些方法，比如轮播图、弹窗、倒计时等场景，定时器是window的方法，所以this指向的一定是window（这是需要注意的)。这是一个普通的倒计时方法： &lt;!--普通定时器倒计时--&gt; &lt;div class="timer"&gt;&lt;/div&gt; &a

Jquery中使用setInterval和setTimeout的方法

12-10

然而，需要注意的是，在使用 `setInterval` 或 `setTimeout` 时，尽量避免将函数名用引号包裹，因为这会导致JavaScript将其解释为字符串而非函数引用。如"方法2"所示，正确的方式是直接传递函数名，不加引号和括号：...

Vue中使用 setTimeout() setInterval()函数的问题

10-18

然而，在Vue的上下文中使用这两个函数时，需要注意一些特定的问题，主要是由于JavaScript的`this`指向规则与Vue的响应式系统之间的交互。在给定的示例中，`setTimeout` 的回调函数内部，`this` 的上下文发生了变化...

vue 解决setTimeOut和setInterval函数无效报错的问题

11-19

在Vue.js项目中，开发过程中可能会遇到`setTimeout`和`setInterval`函数失效或报错的问题，这通常与JavaScript的异步执行、作用域以及Vue的特性有关。下面我们将详细探讨这个问题及其解决方案。首先，`setTimeout`...

setInterval()和setTimeout()的用法

weixin_46372993的博客

04-01

4026

1、setInterval() 定时器函数的使用

settimeout和setinterval的使用

z4331016的博客

02-05

643

1. 简介本篇重点介绍以下知识点： 1）展示如何使用settimeout和setinterval来注册一个函数，并在指定时间调用它； 2）展示如何使用clearInterval来终止setinterval的循环调用； 2. 概念 Settimeout：可以用来注册指定时间之后单次调用的函数。 Setinterval：可以用来注册指定时间之后重复调用的函数。 clearInterva

用 setTimeout 来实现 setInterval

总结前端开发中遇到的问题，分享前端知识

08-03

1005

假设，某个 onclick 事件处理程序使用 setInterval()来设置了一个 200ms 的重复定时器。首先来看 setInterval 的缺陷，使用 setInterval()创建的定时器确保了定时器代码规则地插。这种重复定时器的规则有两个问题：1.某些间隔会被跳过 2.多个定时器的代码执行时间。定时器代码添加到队列中。这确保了定时器代码加入队列中最小的时间间隔为指定时间。这个问题在于：如果定时器代码在代码再次添加到队列之前还没完成执行，当且仅当没有该定时器的如何代码实例时，才会将。......

setInterval与setTimeout的互相实现

weixin_57043474的博客

08-19

574

setInterval与setTimeout的互相实现

定时器setTimeout()和setInterval()使用心得整理

weixin_34071713的博客

01-15

166

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。一、setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, ...

使用setTimeout()方法来模拟setInterval()与直接使用setInterval()有什么区别？

sunnyjingqi的博客

05-30

2628

setTimeout(fn, time)，超时调用，在时间大于等于 time 时调用； setInterval(fn, time)，是间歇调用，每隔 time 调用一次。从载入后,每隔指定的时间就执行一次表达式，只要窗口不关闭或 clearInterval() 调用就会无限循环下去虽然两者不一样，但是却可以相互模拟。具体使用那个，以具体的需求和场景具体分析，就像for循环...

SetTimeout 和 Setinterval 在页面中执行顺序的区别

summer942zjb的博客

01-19

1034

注：所有的计时器都在函数的最后执行 console.log("123") setTimeout(function(){ console.log('456') },1) console.log('789') // 控制台先输出123,然后输出789,最后456 setTimeout(function...

CODE:给c#添加SetTimeout和SetInterval函数

weixin_34034670的博客

03-08

148

1. Javascript中的SetTimeout和SetInterval函数很方便，把他们移植到c#中来。调用示例：执行效果： 2. 实现代码: 1 /// <summary> 2 /// 在指定时间过后执行指定的表达式 3 /// </summary> 4 ...

Window setTimeout() 方法 Window setInterval() 方法带参数使用

qlin_11的博客

10-13

146

不带参数使用请看： https://www.runoob.com/jsref/met-win-setinterval.html 带参数使用 setInterval(funcName, 3000，参数1，参数2); 注意 functionName只为名字不要带（）