用setTimeout延时器代替setInterval定时器

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

今天有个需求，要求前端有个心跳机制，每十秒访问一个指定接口，想到权威指南里一直有提过setTimeout好于setInterval，就磨刀霍霍向代码了。

第一版 为了测试,时间改为1秒了
t_:number;
const that = this;
setTimeout(function test(){
   
         that.http.query('/api/heart_beat', {
   }).subscribe(res => {
最低0.47元/天 解锁文章
夜月明_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序—setTimeOut定时器的坑
03-29
背景 实验室需要将项目的app搬到微信的小程序上，终于知道为什么程序员是手艺人了，只要有需求，就要想方设法去填充这种需求，去年是小程序的...这两者都能实现定时任务，比如实现一个定时器，但是建议采用后者setTim
Js中setTimeout()和setInterval() 何时被调用执行的用法
10-27
JavaScript中的`setTimeout()`和`setInterval()`是两个非常重要的函数，它们用于实现延时和定时任务。在这篇文章中，我们将深入探讨这两个函数的工作原理以及它们在JavaScript单线程环境下的行为。 首先，`...
使用 Web Workers 作为setInterval的替代方案
最新发布
The limits of your knowledge are the limits of your world
04-09 523
使用 Web Workers 作为定时器的替代方案
setTimeout的妙用1——代替setInterval进行间歇调用
BigDaddy233333的博客
02-21 1706
【这是正文】 　　《JavaScript高级程序设计》这本书里面，介绍了很多关于setTimeout函数的神奇使用，今天来介绍下第一个——使用setTimeout代替setInterval进行间歇调用。 　　书中是这么说的 “在开发环境下，很少使用间歇调用（setInterval），原因是后一个间歇调用很可能在前一个间歇调用结束前启动”。 　　这话怎么理解呢？ 　　首先我们来看一下一...
js延时器setTimeout改造为定时器
it_lin_web的博客
07-18 1416
 js延时器setTimeout改造为定时器 核心思维----利用回调函数改造，让setTimeout延时器执行自身回调函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title&
settimeout代替setinterval解决setinterval跳过队列的问题
qq_35451130的博客
07-07 576
settimeout代替setinterval来实现定时器
循环定时器--用setTimeout代替setInterval
hezz and gonng
07-19 1603
续前缘 … 循环定时器的写法, 很多人应该熟悉/* *func 回调 *interval 间隔时间 */ setInterval(func, interval)大部分人(包括之前的我)都将循环定时器理解为: 每间隔一段时间就执行一次回调. 其实这种说法并不准确. 如果强行这么理解, 那就要加上两个条件: JS进程永远处于空闲状态; 回调函数执行时间小于间隔时间. 可以做个试验:setInt
前端优化之使用-setTimeout代替setInterval
miin_ying的博客
07-19 1751
setInterval 导致网页越来越卡的原因，以及解决方法
AngularJs 延时器、计时器实例代码
12-01
1. **$timeout延时器** `$timeout` 是AngularJS提供的一个服务，它与JavaScript原生的`setTimeout`函数类似，但具有AngularJS的上下文感知和自动 `$digest` 循环。在上面的代码中，我们看到`$timeout`用于延迟改变$...
js使用setTimeout实现定时炸弹的方法
12-04
在本例中，我们看到如何用 `setTimeout` 实现一个模拟的“定时炸弹”效果，即一个倒计时器，用户可以在倒计时结束前通过点击“拆除炸弹”按钮来停止倒计时。 首先，我们来看一下HTML部分。页面包含两个`div`元素，...
BetterInterval:使用递归 setTimeout 代替本机 setInterval
06-08
更好的间隔 您可以使用递归 setTimeout 代替本机 setInterval。 在此处阅读更多信息： :
详解小程序退出页面时清除定时器
10-17
在JavaScript中，我们可以使用 `setTimeout` 或 `setInterval` 创建定时器。然而，这些定时器在页面卸载时并不会自动销毁，因此需要我们手动进行清理。 为了解决这个问题，我们可以将定时器的引用存储在页面的数据...
用settTimeout()代替setInterval()
黄治文的博客
02-13 1811
曾看到一篇文章里面写道setInterval()有很多弊端： 1.setInterval对自己调用的代码是否报错漠不关心。即使调用的代码报错了，它依然会持续的调用下去 2.setInterval无视网络延迟。在使用ajax轮询服务器是否有新数据时，必定会有一些人会使用setInterval，然而无论网络状况如何，它都会去一遍又一遍的发送请求，"如果网络状况不良，一个请求发出，还没有返回结果，它会...
setTimeout代替setinterval，实现长时间运行不卡顿
qq_45503103的博客
12-10 1465
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&gt
setTimeout和setInterval解析，妙用setTimeout代替setInterval进行间歇调用
八佾舞于庭
11-15 1319
"在开发环境下，很少使用间歇调用（setInterval），原因是后一个间歇调用很可能在前一个间歇调用结束前启动",（如，回调当中的代码执行for循环时间比，比设定时间长，在回调还没执行完的时候，第二次定时任务就已经放到事件队列中去了，所以多用seTimeout代替setinterval） 妙用setTimeout代替setInterval进行间歇调用如下 function func()...
setInterval()和setTimeout()的区别
weixin_43905830的博客
03-30 418
setTimeout() 是在指定时间后执行代码，，setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式,setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 setTimeout用法：　　 语法: setTimeout("c’’,ms) 　　 c：作为调用setTimeout()后执行的函数或表达式。 　　 m...
用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别？
热门推荐
前端小工
07-08 1万+
对于setTimeout()跟setIntervl()之间的区别，你真的了解么？有时候看似简单的东西，往往隐藏一些你不知道的细节。setTimeout(fn,time)是超时调用，它在大于等于time之后调用fn；而setIntervl(fn,time)是间歇调用；每隔time调用一次。下面我要讲的是：用setTimeout()方法来模拟setInterval()与setInterval()之间的什
setTimeout迭代替换setInterval
weixin_30823001的博客
03-18 470
一.它们之间的区别 setTimeout - 仅执行一次 setInterval - 间隔执行 二.为什么推荐用setTimeout替换掉setIntelval？ javascript是异步执行的，所以setIntelval可能会延时 三. 演示与推荐 1. setTimeout // setTimeout仅在时间内执行一次 setT...
定时器 setTimeout(),setInterval() 清除定时器
07-27
setTimeout() 函数用于在指定的延迟时间后执行一次函数。它接受两个参数：要执行的函数和延迟时间（以毫秒为单位）。例如，以下代码将在延迟 1000 毫秒（1 秒）后执行函数： ```javascript setTimeout(function() { // 要执行的代码 }, 1000); ``` setInterval() 函数用于按照指定的时间间隔重复执行函数。它也接受两个参数：要执行的函数和时间间隔（以毫秒为单位）。例如，以下代码将每隔 2000 毫秒（2 秒）执行一次函数： ```javascript setInterval(function() { // 要执行的代码 }, 2000); ``` 如果你想要清除定时器，可以使用 clearInterval() 函数来取消 setInterval() 的执行，或者使用 clearTimeout() 函数来取消 setTimeout() 的执行。这两个函数都接受一个参数，即要取消的定时器的标识符。例如，以下代码演示了如何使用 clearTimeout() 取消 setTimeout() 的执行： ```javascript var timer = setTimeout(function() { // 要执行的代码 }, 1000); // 取消定时器 clearTimeout(timer); ``` 类似地，以下代码演示了如何使用 clearInterval() 取消 setInterval() 的执行： ```javascript var timer = setInterval(function() { // 要执行的代码 }, 2000); // 取消定时器 clearInterval(timer); ``` 通过清除定时器，你可以停止之前设置的定时任务的执行。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值