JS中setTimeout和setInterval的区别

最新推荐文章于 2024-01-21 09:00:00 发布
最新推荐文章于 2024-01-21 09:00:00 发布
阅读量143 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/balabalalalmj/article/details/116131897
版权

setTimeout和setInterval的使用
这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。

方 法
实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。

虽然表面上看来setTimeout只能应用在on-off方式的动作上，不过可以通过创建一个函数循环重复调用setTimeout，以实现重复的操作：

别来拥抱我cute
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
JavaScript中setTimeout和setInterval的使用
weixin_30394633的博客
01-26 66
相同点：这两个方法都可以用来实现在一个固定的时间之后去实现JavaScript代码，两个方法都包含有两个参数，第一个是将要执行的代码字符串，第二是以毫秒为单位的时间间隔，当过了这个时间间隔之后就会执行第一个参数中的代码字符串。 不同点：setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。而setTimeout则仅仅是执行一次代码。 使用定时器调用带有参...
JavaScript setTimeout和setInterval的用法与区别详解
青春木鱼的博客
01-01 2019
JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成
定时器
weixin_48912846的博客
01-18 305
setTimeout( )定时器 语法规范：window.setTimeout(调用函数,[延迟的毫秒数]) ①window在调用的时候可以省略 setTimeout( )方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。 setTimeout(function(){ console.log('时间到了') },2000) ②这个延迟时间单位是毫秒 但是可以省略，如果省略默认的是0 ③这个调用函数可以直接写函数 还可以写 函数名 还有一个写法 ‘函数名()’【不太建议】 //直接写函数 set
深入解析 JavaScript 中的 setTimeout() 和 setInterval()
最新发布
爱蹦跶的全栈大A阿
01-21 981
setTimeout() 和 setInterval() 是 JavaScript 中非常常用的定时函数。合理运用它们可以实现代码的定时执行。但 setTimeout() 和 setInterval() 在使用方式和实现原理上有一些不同。本文将详细对比两者的区别,分析使用场景,帮你深入理解定时函数的精髓。​setTimeout() 用来设置一个定时器,该定时器在定时时间到达后执行提供的回调函数。其中 callback 是定时器触发后需要执行的函数,delay 是时间间隔,单位是毫秒。
js中两种定时器setTimeout和setInterval
weixin_44547914的博客
01-17 1577
js中两种定时器setTimeout和setInterval 开发工具与关键技术：DW 、Js 作者：李宥良 撰写时间：2019年1月17日 定时器的用法非常之普遍，一般动态变化的效果都会用到定时器；定时器分为setTimeout和setInterval 下面是方法和描述 计时器类型： 一、setTimeout(对象) setTimeout()计时器：在载入后延迟指定时间后,去执行一次表达式,仅执...
快速掌握Node.js中setTimeout和setInterval的使用方法
12-23
今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...
javascript setTimeout和setInterval计时的区别详解
10-27
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。
JS中SetTimeout和SetInterval使用初探
10-20
主要介绍了JS中SetTimeout和SetInterval使用初探,需要的朋友可以参考下
javascript setTimeout和setInterval 的区别
10-29
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。
setTimeout和setInterval的区别
07-24
JS中定时执行,setTimeout和setInterval的区别<br><br>setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间，再进行某项操<br>
JS setTimeout和setInterval的区别
热门推荐
weixin_44439442的博客
01-12 6万+
1.setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。 function fun(){ alert('hello'); } setTimeout(fun,1000);//参数是函数名 setTimeout('fun()',1000)...
深入浅出JS定时器：从setTimeout到setInterval
Shids_的博客
04-17 1551
深入浅出JS定时器：从setTimeout到setInterval
JS中setTimeout与setInterval的区别
SunPeng的博客
01-10 512
1、定时器 setInterval() - 间隔指定的毫秒数不停地执行指定的代码。（只执行一次） setTimeout() - 在指定的毫秒数后执行指定代码。（在指定的延时间隔重复执行） 注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。 2、setInterval()方法 setInterval() 第一个参数是函数（function(){}，第二个参数间隔的毫秒数 注意: 1000 毫秒是一秒。 实例: 每三秒弹出 "hello"
js中的定时器 setTimeout()和setInterval()
不想学习的打工人的博客
03-01 2053
JavaScript 定时器，有时也称为“计时器”，用来在经过指定的时间后执行某些任务，类似于我们生活中的闹钟。JavaScript 中提供了两种方式来设置定时器，分别是 setTimeout() 和 setInterval()
JS中setInterval和setTimeout
weixin_40850986的博客
02-27 242
1 setInterval 是一个函数，功能： 可以重复去执行某段代码块（函数） setInterval(函数，时间间隔)， 隔多少时间，去重复执行第一个参数（函数块） 注意：时间单位 毫秒 1000 = 1秒 函数名不能加括号 这种写法是错的: fn() 2 clearInterval 清除定时器（setInterval） 注意： 在开启一个新的...
js基础之setTimeout与setInterval原理分析
夕山雨的博客
07-06 5522
基本原理 setTimeout(func, delay, args)：设置超时调用，经过delay时间后，将func函数加入到执行队列中准备调用。如果队列为空，立即执行该函数，否则等待线程空闲再执行。 setInterval(func, interval, args)：设置 ...
JS中setTimout和setInterval的区别
小七爱干饭的博客
01-24 718
如果想重复执行某些代码，可以将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的。或者使用setInterval，需要clearInterval()手动停止。在JavaScript中，setTimeout()是延时器，setInterval()是定时器。setTimeout(fn(),delay)在执行时,是在载入后延迟指定时间后,去执行一次表达式,，而setInterval(fn(),delay)在载入后,每隔指定的时间就执行一次表达式 所以是不一样的。
setTimeout和setInterval区别
12-31
setTimeout和setInterval是JavaScript中用于实现定时执行操作的方法，它们之间有一些区别。 1. setTimeout方法用于在指定的时间间隔后执行一次指定的函数。它接受两个参数：要执行的函数和延迟的时间（以毫秒为单位）。例如： ```javascript setTimeout(function() { console.log("Hello, world!"); }, 1000); // 1秒后输出：Hello, world! ``` 2. setInterval方法用于按照指定的时间间隔重复执行指定的函数。它也接受两个参数：要执行的函数和时间间隔（以毫秒为单位）。例如： ```javascript setInterval(function() { console.log("Hello, world!"); }, 1000); // 每隔1秒输出：Hello, world! ``` 区别： - setTimeout方法只执行一次指定的函数，而setInterval方法会重复执行指定的函数。 - setTimeout方法在指定的时间间隔后执行函数，而setInterval方法在每个时间间隔后执行函数。 - 如果调用的函数需要花费很长时间才能完成，那么在使用setInterval方法时，某些调用可能会被直接忽略，而setTimeout方法不会受到影响。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值