setTimeout定时器实现循环

最新推荐文章于 2024-07-04 16:37:43 发布
最新推荐文章于 2024-07-04 16:37:43 发布
阅读量618 收藏 6
点赞数 15
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/evil314/article/details/135213135
版权

setTimeout除了可以延时执行某一个方法外，还可以用来循环执行某一段操作

即配合判断，对自身函数进行重复调用

*以下代码中作为判断条件的这个token最终一定要有值的，否则就会陷入无限循环从而导致页面崩掉

//此段代码目的是从sessionStorage获取值，如果值存在，就执行接口，如果值不存在，就每隔一秒重新获取一次，直到获取到值为止
getTotalData() {
  let token = sessionStorage.getItem("token")
  if(token != null){
    axios.get(`/fxpc-jk/display/getTotal`)
   .then((res)=>{
    this.totalObj = res.data.result
    this.allNum = res.data.total
   }),
  }else{
    setTimeout(this.getTotalData,1000)    //重点是对于自身函数getTotalData的重复调用
  }   
}

栋崽
关注
  • 15
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
for循环里的定时器
weixin_40200679的博客
04-07 999
在学习js的时候，或者面试的时候，会经常碰到这一道经典题目： for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }); } console.log('a'); 熟悉这道题目的人立马就可以说出答案： 'a' 5 5 5 5 5 结果是先打印字符串'a'，然后再打印5个数字5。 有人会说这个题目并不难，而且只要你遇到过这个题目，下次再见到基本也不会答错了，但其实这段简单的
js定时器 setTimeout
王甲评的博客
03-31 2030
定时器心路历程：。。（消遣文）正常的话会想先试试闭包与立即函数。。first：function timer(period){ for(var i=0;i&lt;period;i++) { setTimeout(function(){ return (function(n){ console.log(n); ...
循环中执行setTimeout代码
weixin_30357231的博客
03-15 66
方法一:(function () { var arr = [100, 200, 300, 400, 500]; for (var i = 0; i < arr.length; i++) { (function (i) { setTimeout(function () { console.lo...
在for循环中运行setTimeout的三种情况
没有感情的代码机器的博客
07-05 1万+
在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。 下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(i),0); } 看完这段代码思考一下结果输出是什么呢？ 是不是第一时间想到的是连续的10个10呢？啊哈哈这样就...
Android定时任务及循环任务基础大集合
2401_84010804的博客
04-10 656
} }分析：纯正的java原生实现，在sleep结束后，并不能保证竞争到cpu资源，这也就导致了时间上必定>=10000的精度问题。2.采用Handler的postDelayed(Runnable, long)方法1）定义一个Handler类@Override//要做的事情//每两秒执行一次runnable.分析：嗯，看起蛮不错，实现上也简单了，和sleep想必还不会产生阻塞，注意等待和间隔的区别。3.采用Handler与timer及TimerTask结合的方法。
js问题：for循环中的setTimeout（详解）
weixin_53141315的博客
08-24 999
for循环中var声明的变量是全局变量，而let声明的变量是局部变量当在 for 循环中使用 let 声明变量时，每次循环迭代都会为变量创建一个新的内存空间。这是因为 let 声明具有块级作用域，每次循环迭代都会创建一个新的作用域。变量只在当前循环迭代的块内部可见，循环结束后，作用域和变量都会被释放。而var会共享一个变量。
for循环中使用setTimeout的解决方案
weixin_45291798的博客
02-01 1376
这是因为setTimeout是异步执行，每一次for循环的时候，setTimeout都执行一次，但是里面的函数没有被执行，而是被放到了任务队列里，等待执行。只有主线上的任务执行完，才会执行任务队列里的任务。也就是说它会等到for循环全部运行完毕后，才会执行fun函数，但是当for循环结束后此时i的值已经变成了6，因此虽然定时器跑了5秒，控制台上的内容依然是6。通过闭包，将i的变量驻留在内存中，当输出j时，引用的是外部函数的变量值i，i的值是根据循环来的，执行setTimeout时已经确定了里面的的输出了。
三种方法解决setTimeout的循环输出问题
微光的博客
04-11 4077
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } console.log(i); 结果：先打印5，一秒后打印5个5 原因：由于JavaScript是单线程的，按顺序执行，setTimeout是异步函数，它会将内部函数放到任务队列中，而此时会先将循环执行完毕再执行内部函数，因此当执行内部函数时i已经等于5了，所以最终会输出5个5 方案一：...
vue项目开发中setTimeout等定时器的管理问题
10-18
主要介绍了vue项目开发中setTimeout等定时器的管理问题,需要的朋友可以参考下
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
Javascript中setTimeOut和setInterval的定时器用法
01-19
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。也就是说setTimeout()只执行一次，setInterval()可以执行多...
JS定时器使用,定时定点,固定时刻,循环执行详解
11-22
JavaScript中有两个定时器方法：setTimeout（）和setInterval（）。 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要...
JavaScript定时器实现的原理分析
11-26
下面我们就来分析一下定时器的实现原理。 一、储备知识 在我们在项目中一般会遇见过这样的两种定时器，第一种是setTimeOut,第二种是setInterval，这两种定时器有如下的区别： 1、setTimeout允许设置一个超时对象，...
用setTimeout实现循环执行函数
柏灿的博客
09-14 3260
用setTimeout实现间隔指定时间，执行指定次数，执行某函数
前端开发：setTimeout与setInterval 定时器与异步循环数组
weixin_33895516的博客
06-13 162
　　　　　　　　　　　　前端开发：setTimeout与setInterval 定时器与异步循环数组 前言： 　　开通博客园三个月以来，随笔记录了工作中遇到的大大小小的难题，也看过无数篇令人启发的文章，我觉得这样的环境是极好的，在与博友的分享中可以学到新的知识、得到先驱者的指正、解决工作中遇到的难题。近一个月工作繁忙，新的文章也迟迟未写，今天呢，过来深入...
定时器 setTimeout、setInterval详解
热门推荐
Smallwhitestrive的博客
07-30 2万+
不过这也不影响结论是正确的^_^,好了，文章到这就结束了，有问题大家可以在评论区留言哈，拜拜👋。定时器概念了解了，也会造定时器了，那这个定时器什么时候调用呢，因为我们的javaScript代码是从上到下，逐行执行，那到了定时器这行我们的进程会不会等定时器执行完了再执行定时器后面的代码呢？遇到定时器，会将定时器加入到任务队列中(宏任务)，等所有代码执行完了，程序会看一下队列中还有什么没有完成的，如果有没完成的，就执行一下。定时器按我个人理解来说就是固定某个时间后，时间到了，就提醒我时间到了。.........
for循环中setTimeout的执行问题
weixin_44062046的博客
03-05 585
for循环中setTimeout以及let块级作用域
循环中的setTimeout
qq_41844799的博客
03-13 2028
先来看看一个js中讲作用域最经典的代码片段 for(var i=1;i<=3;i++){ setTimeout(function(){ console.log(i); },i*1000) }， 每个初学者第一反应一定以及肯定是输出1，2，3，即1s->1,2s->2,3s->3， but，sorry 请看正确答案 1s->4,2s->4,3s...
WHAT - NextJS 的路由系统和 react-router-dom
最新发布
weixin_58540586的博客
07-04 799
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
settimeout 模拟实现 setinterval(带清除定时器的版本)
07-15
可以使用`setTimeout`来模拟实现带清除定时器的`setInterval`。下面是一个示例代码： ```javascript function mySetInterval(callback, delay) { let timerId = setTimeout(function tick() { callback(); timerId = setTimeout(tick, delay); }, delay); return { clear: function() { clearTimeout(timerId); } }; } // 使用示例 function sayHello() { console.log('Hello!'); } const interval = mySetInterval(sayHello, 1000); // 5秒后清除定时器 setTimeout(function() { interval.clear(); }, 5000); ``` 在上面的代码中，`mySetInterval`函数接受一个回调函数和延迟时间作为参数，然后使用`setTimeout`来实现定时执行回调函数的功能。在每次回调函数执行完成后，会再次设置一个`setTimeout`来实现循环调用。返回的对象具有一个`clear`方法，调用该方法可以清除定时器。 在使用示例中，我们定义了一个`sayHello`函数用于输出"Hello!"，然后使用`mySetInterval`来每隔1秒执行一次该函数。然后通过`setTimeout`在5秒后调用`interval.clear()`来清除定时器。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值