关于setTimeout和setIntervar的区别与作用(计时器或定时器)

已于 2023-03-19 09:57:52 修改
阅读量493 收藏 2
点赞数
分类专栏： vue 文章标签： javascript vue.js
于 2022-04-27 22:53:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52421092/article/details/124462660
版权

1. setTimeout 用用于倒计时 到时间就执行 只执行一次

例如：1000毫秒就打印出你好 就不再执行   通常作为倒计时       

setTimeout(() => { console.log("你好") },1000) //1000毫秒就打印出你好 就不再执行

2.setIntervar 是用于循环

例如： 每2000毫秒打印一次你好， 可以一直打印下去  

setInterval(()=>{ console.log("你好") }, 2000); //每2000毫秒打印一次你好

区别： setTimeout 只执行一次     setIntervar 执行多次

郑建零零发
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript setInterval()与setTimeout()计时器
01-19
JavaScript是单线程语言，但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码，间歇时间值是指每隔指定的时间就执行一次代码。 　　超时调用 　　超时调用使用window对象的setTimeout()方法，它接受两个参数：要执行的代码和以毫秒表示的时间（代码执行前的等待时间）。其中，第一个参数可以是一个字符串（和eval()中使用的字符串一样），也可以是一个函数。 　　第二个参数是一个表示等待多长时间的毫秒数，但是在该时间过去后代码并不一定执行。JavaScript是一个单线程序的解释器，因此一定时间内只能执行一段代码。为了控制要执行的代码，
js:定时事件setTimeout与setInterval
qq_52824207的博客
04-10 302
setTimeout： 执行一次，第一个参数是要执行的函数（function），第二个参数是定时时间（number），单位毫秒，cleartimeout停止 代码： <!DOCTYPE html> <html> <head> <title>定时测试</title> </head> <body style="text-align: center;"> <h1
14.1 setTimeout和setInterval的使用
k的专栏
12-11 1032
14.1  setTimeout和setInterval的使用这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，set
js中SetInterval与setTimeout用法
liaojiafan的专栏
11-01 1730
JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout("function",time) 设置一个超时对象setInterval("function",time) 设置一个超时对象SetInterval为自动重复，setTimeout不会重复。clearTimeout(对象) 清除已设置的
JS定时器setTimeout和setInterval介绍
cnds123的专栏
09-05 2182
JavaScript 定时器，有时也称为“计时器”，用来在经过指定的时间后执行某些任务。avaScript 中提供了两种方法来设置定时器，分别是 setTimeout() 和 setInterval()。
两种定时器，setinterval和settimeout。因为settimeout是只执行一次的，如果要执行多次怎么做。
yang114544的博客
07-08 4054
1.setinterval定时器 setinterval定时器可以反复的执行 <script> var position = document.getElementById("position"); var positionImgs = position.getElementsByTagName("img"); var index = 0; var t = setInterval(function() { if (in
两种定时器 setInterval（一直执行） setTimeout（只执行一次）
javadamn的博客
08-20 3561
两种定时器 setInterval（一直执行） setTimeout（只执行一次）
setTimeout 和 setInteval
hngmduyi的专栏
09-04 1139
window对象有两个主要的定时方法，分别是setTimeout 和 setInteval     他们的语法基本上相同，但是完成的功能取有区别。　　setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。　　setInterval方法则是表示间隔一定时间反复执行某操作。　　如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自
定时器 setTimeout、setInterval详解
热门推荐
Smallwhitestrive的博客
07-30 2万+
不过这也不影响结论是正确的^_^,好了，文章到这就结束了，有问题大家可以在评论区留言哈，拜拜👋。定时器概念了解了，也会造定时器了，那这个定时器什么时候调用呢，因为我们的javaScript代码是从上到下，逐行执行，那到了定时器这行我们的进程会不会等定时器执行完了再执行定时器后面的代码呢？遇到定时器，会将定时器加入到任务队列中(宏任务)，等所有代码执行完了，程序会看一下队列中还有什么没有完成的，如果有没完成的，就执行一下。定时器按我个人理解来说就是固定某个时间后，时间到了，就提醒我时间到了。.........
JavaScript计时器用法分析【setTimeout和clearTimeout】
11-29
JavaScript中使用setTimeout和clearTimeout函数进行计时/停止计时的操作。 1.指定时间后执行一个动作，如3s后弹出一个对话框： setTimeout('alert("3s")',5000); 并且，该函数可以叠加起来是用，如： ...
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
JavaScript--倒计时---setInterva()与setTimeout() 方法
weixin_45904557的博客
04-13 2923
亲我e
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
YY的博客
10-13 4463
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
Javascript setTimeout()
zsx0728的博客
05-11 1249
文章目录示例 1：3 秒后显示一次文本示例 2：每 3 秒显示一次时间JavaScript clearTimeout()示例 3：使用 clearTimeout() 方法参考文档     在本教程中，您将借助示例了解 JavaScript setTimeout() 方法。     setTimeout() 方法在指定时间后执行一段代码。该方法只执行一次代码。     JavaScript setTimeout 常用的语法是： setTimeout(function, milliseconds);     
setTimeOut和setinteval的区别
shy256的博客
12-13 173
学习前端的可能都知道js有2个定时器setTimeOut和setinteval。用的时候可能不是很在意，但是2者还是有区别的 setTimeout方法是定时程序，也就是在什么时间以后干什么。干完就完了. setInterval方法则是表示间隔一定时间反复执行某操作。 如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。 clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterv
setTimeout实现一个准时的定时器
域见同学的博客
07-21 801
setTimeout实现一个准时的定时器。
jquery定时器：setTimeout()、setTimeout() 重复点击触发多次
weixin_46507548的博客
07-05 4146
出现下图这种情况是因为上一次定时器还没结束，就被点击触发下一次，所以多次累计重复了。 因为问题出现在“多次初始化定时器”，那就要在每次初始化定时器之前先执行清除操作，保证只有一个定时器在执行，就不会出现这样的问题了。 例如： var btn = document.querySelector('button'); var time; btn.addEventListener('click', function() { clearInterval(time); //清除之
使用setTimeOut来做倒计时
weixin_41582348的博客
08-05 1348
使用setTimeOut来做倒计时。
JS ajax中setTimeout执行多次问题解决
weixin_43835217的博客
06-30 2054
由于没怎么用过ajax，犯的一个错误，排查了半天才找到原因，记录一下。最初代码如下： 初学者的我看起来似乎没问题，然而setTimeout每次都会执行多次，然后才根据服务器的expiresIn固定时间调用refresh接口。原因是因为，ajax默认是异步执行的，而最开始的expiresIn还没有赋值，setTimeout就运行了，所以相当于 也怪不得执行很多次了。解决方法有两种，第一种加上同步代码块，等ajax执行完成再执行下面的功能，如下 然而这样会影响到别人的代码，等待token返回的时候无
怎么利用settimeout()做一个计时器
最新发布
05-27
可以使用 `setTimeout()` 函数和 `setInterval()` 函数来实现计时器。这里提供一种利用 `setTimeout()` 函数实现计时器的方法： ```javascript let count = 0; // 计数器初始值 function timer() { console.log(count); // 每秒输出当前计数器的值 count++; setTimeout(timer, 1000); // 每秒执行一次 timer 函数 } timer(); // 启动计时器 ``` 这段代码会每秒钟输出当前计数器的值，并且每秒钟计数器的值加一，因为 `setTimeout()` 函数每次执行完毕后会等待指定的时间（这里是 1000 毫秒）再执行下一次。在这个例子中，每次执行完 `timer()` 函数后，又会再次调用 `setTimeout(timer, 1000)`，这样就形成了一个循环，从而实现了计时器的功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值