JS定时器和for循环搭配使用的一些问题

最新推荐文章于 2024-05-14 18:48:43 发布
最新推荐文章于 2024-05-14 18:48:43 发布
阅读量2k 收藏 5
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42052231/article/details/103811816
版权

JS定时器和for循环搭配使用的一些问题

某天准备根据所学JavaScript知识，制作一个评教助手的脚本。本以为制作过程会非常顺利，结果遇到了这个坑，最终在沸点同学的帮助下，才得以解决。

需求功能

需要在for循环中，每进行一次操作后等待三五秒操作进行完成后，再去更新i的值，进行下一次操作

问题发现与解决

当时对每个列表中的元素操作都已经写好，但是每个操作都会有一定的网络延时，所以希望能在每轮操作结束后，等待3秒再更新数组指针i，从而完成数组便历。

$("input[data-dyf$='100']").attr("checked",true);
document.getElementById("btn_xspj_bc").click();
function wait(ms){
   
    var start = new Date().getTime<
最低0.47元/天 解锁文章
宇宙哇
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js中for循环与定时器
weixin_50946965的博客
08-17 3639
js中for循环和定时器的问题，有四个解决方法这里面涉及到了同步与异步的问题也可以理解为：解决方法1：闭包解决方法2：拆分结构解决方法3：letlet和var区别解决方法4：第三个参数 for (var i = 0; i < 6; i++) { setTimeout(() => { console.log(i); }, 1000); } 如上代码，我们编写代码的思路是想要使 0 1 2 3 4 5间
JS中for循环里定时器的使用
qq_31794615的博客
06-08 3843
for 循环中的定时器问题
如何在for循环中添加定时器？js的事件循环机制解析
最新发布
yawang_的博客
05-14 611
原因：当js代码运行到有定时器的地方的时候，会把定时器操作放在任务队列的尾部，然后跟它说：“你先排队吧，还没有轮到你，因为同步代码还没有执行完。开发过程中，碰到了一个批量下载需求，众所周知，一般碰到批量下载都是下载一个压缩包，但因为此次设计原因，要做成分批次下载多张图片，数据结构是一个List，于是我想到了创建a标签，模拟用户点击行为去逐次下载，但在这个过程中遇到了一些问题，在此分析一下。2、另外还有一个异步任务队列，异步任务有了结果后，在异步任务队列放一个事件，等待执行。
js中for循环结合计时器的写法
不染-9732
03-01 1171
js中for循环结合计时器的写法 for中数据循环每秒执行一次
for循环的定时器问答
u011020900的博客
08-09 402
答案1：如果你对这个问题感到疑惑的话，那么你就要弄明白for循环的执行顺序。这是一道很经典的面试题，其中确是会让写了很多年js代码的人都会感到困扰。思考3：为什么console.log的结果不是0,1,2,3,4。思考1：为什么 console.log的结果是5 ，而不是4？思考2：为什么定时器是同时在1s后输出，而不是间隔1s输出?那么其中是不是有很多想不明白的问题呢。执行结果：在1s后同时输出5个5。
JS定时器使用,定时定点,固定时刻,循环执行详解
11-22
本文将深入探讨两种主要的定时器方法——`setTimeout()`和`setInterval()`，以及如何利用它们实现定时定点和循环执行。 1. `setTimeout()` 和 `setInterval()` `setTimeout()` 用于在指定的毫秒数后一次性执行指定...
轻松解决JavaScript定时器越走越快的问题
10-17
在描述中提到的实例中，开发者在项目中使用定时器做循环播放，但遇到了定时器速度逐渐增快的问题。一开始，开发者可能误以为是HTML代码拼接错误导致，但在排查后发现是JavaScript定时器的使用不当。具体问题在于，...
Angular.js中定时器循环的3种方法总结
12-09
本文主要设计定时器的三种循环，模板自配，下面分享给大家供大家参考，具体如下： 1、$interlval实现，比较简单和原生js的setInterval比较相似 var app = angular.module('myApp',[]); app.run(function($...
js定时器的使用(实例讲解)
12-02
2.循环定时器：timename=setInterval(“function();”,delaytime); 第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。比如要弹出两个警告窗口，便...
JavaScript循环定时器和计数器
寨板p45黑苹果10.12.6
12-27 613
文章目录基本概述每隔1秒count自加并弹出值定时器加计数器的应用 基本概述 JavaScript计时事件：一个设定的时间间隔之后来执行代码 setInterval()间隔指定的毫秒数不停地执行指定的代码 setInterval方法在创建一个定时器的同时，还会返回一个的定时器的ID，该ID就代表这个定时器 clearInterval()中止定时器执行的操作 需要传进去一个定时器 每隔1秒count...
for 循环中嵌套定时器问题
周涛的博客
11-09 2717
for 循环中嵌套定时器问题 在学习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中for循环失效问题
f529110529的博客
04-22 3509
今天遇到个情况，之前好使的for循环，突然不好使了，也没有任何报错，就是不执行，也不拦截，下边都能正常执行，最后一点一点试探发现是因为代码写的 for (var i; i < attr.length; i++) {｝ 需要更改成 for (var i=0; i < attr.length; i++) { 也就是i需要定义一下=0 另外如果一层循环可以用foreach代替 attrlist.forEach(item=>{ varvalueK=O...
javascript 定时器 / 计时器 timer setTimeout setInterval (js for循环如何等待几秒再循环)
fareast_mzh的博客
06-30 1762
实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、返回的对象中需要包含一个 cancel 方法，用于停止定时操作 3、第一个数需要立即输出 * 使用setTimeout方法 var timer; function count(start, end) { if ...
JS定时器如何和for循环搭配使用
weixin_43747076的博客
05-06 1848
问题： 像平时我们直接去在for循环里面设置定时器的话，你会发现他就只会执行一次。 例如： for(let i= 1;i<layers.length;i++){ let s = layers[i].getSource().l for(let i = 1; i < 10; i++) { clearInterval(i); } setTim...
javaScript 关于在for循环中添加计时器
qq_37030605的博客
09-27 3682
 如何让for循环中的程序每隔一段时间运行一次？（查看解决方案请直接跳到最后） 参考并补充： https://blog.csdn.net/wxl1555/article/details/53719659  for (var i = 0; i &lt; 10; i++) { if(i == 5){ setTimeout(aa,2000); function aa(){...
js（setInterval）定时器和for循环的综合应用（轮播图）
XinYe666666的博客
06-09 5513
效果图（鼠标移开时，图片自动切换，移入时，停止切换；鼠标放入左右箭头那，背景变白，箭头变红变为鼠标手且内角从120度变为90度，点击可以切换图片右下一张左上一张；鼠标移入下面相应的数字变换为相应的图片且背景变蓝变为鼠标手。）head部分：*{margin: 0;padding: 0} .box{ width: 600px; height: 400px; border: 1p...
简述js定时器的用法
热门推荐
suorce的博客
09-25 1万+
js常用的定时器方法有三个 setTimeout(“js语句”,定时时间) setInterval(“js语句”,定时时间) clearTimeout(需要停止的对象) 注意：这里的定时时间单位都为毫秒 下面我们来看一下它们的用法： setTimeout() 单次定时，即setTimeout的第一个参数的js语句只会定时实现一次。 比如： word = setTimeout(&amp;quot;showWord...
关闭setinterval定时器
07-28
关闭setInterval定时器可以使用clearInterval(timer)来实现。这个方法会停止由setInterval创建的定时器。在引用\[1\]中的例子中，使用clearInterval(myVar)来关闭定时器。同样，在引用\[2\]和引用\[3\]中的例子中，也使用了clearInterval(timer)来关闭定时器。这样做可以确保定时器不会一直在内存中运行。 #### 引用[.reference_title] - *1* [【JS】# 关闭定时器setInterval、实现公告左右轮播、获取每月最大的天数、如何跳出forEach循环](https://blog.csdn.net/qq_38134242/article/details/127587278)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [定时器(setInterval)的开启与关闭](https://blog.csdn.net/song_song0927/article/details/124169436)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [定时器 setInterval 的关闭问题](https://blog.csdn.net/adley_app/article/details/78281976)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值