js: 使用setTimeout每间隔5s,10s,15s...(间隔依次增大)执行

weixin_43833540

已于 2024-01-23 16:06:10 修改

阅读量733

点赞数 7

文章标签： javascript 前端 vue.js

于 2023-11-22 14:00:42 首次发布

本文链接：https://blog.csdn.net/weixin_43833540/article/details/134551755

版权

需求

每隔5s,10s,15s…调用接口访问

代码示例

var i = 1;
var timer = null;
function recursive() {
	i++;
	if(i==10){
		clearTimeout(timer);
	}
	console.log(i+ "_" + new Date());
	timer = setTimeout(function (){
		recursive()
	},i * 5000);
}

注：
1.刷新页面会清除定时器

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_43833540

关注关注

7
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

14.1 setTimeout和setInterval的使用

k的专栏

12-11

1273

14.1 setTimeout和setInterval的使用这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。方法实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，set

js定时器+ajax，间隔10s调用一次

06-18

主要用于消息提醒，利用js页面定时器，定时提交ajax请求，查询最新的消息记录。改了很多次，终于成功了。

参与评论您还未登录，请先登录后发表或查看评论

javascript 变态的间隔多少秒执行

robinhunan的博客

03-31

928

一般的语言都有简单的sleep 函数，可是javascript 却连这个函数都没有，实在变态啊。找了半天，下面这个方案算是最好的吧？对cpu 的消耗也比较低。<script>//间隔多少毫秒函数function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms));}async fun...

【计时器倒计时10s按时间间隔调接口-setTimeout和setInterval】

qq_23128255的博客

07-18

1685

setInterval与setTimeout场景使用，需求：倒计时查、显示数据

JS定时器

m0_59359854的博客

06-30

245

定时器倒计时倒计时发送信息

js 每隔 10 秒钟运行一次，发送一个 ajax 请求

热门推荐

tfish的专栏

08-10

1万+

// 每隔 10 秒钟运行一次，发送一个 ajax 请求 function runEvery10Sec() { // 1000 * 10 = 10 秒钟 setTimeout( runEvery10Sec, 1000 * 10 ); // $.ajax( { "dataType" : 'json', "type" ...

快速掌握Node.js中setTimeout和setInterval的使用方法

10-22

Node.js是一种基于Chrome V8引擎的JavaScript运行时环境，它允许开发者使用JavaScript来编写服务器端的应用程序。在Node.js中，开发者经常需要处理定时任务，这可以通过内置的setTimeout和setInterval函数来实现。...

Node.js中使用计时器定时执行函数详解

10-25

在Node.js环境中，计时器是开发者不可或缺的工具，它们允许程序按照预定的时间间隔执行特定的任务。本篇文章将深入探讨如何使用`setTimeout`和`setInterval`这两个核心函数来实现定时执行函数的功能。首先，`...

解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)

10-15

总的来说，当在Vue中使用setTimeout进行动画效果处理时，需要确保时间间隔足够让Vue完成每一步的DOM更新。通过合理设置延时并理解Vue的生命周期，可以避免此类问题，保证动画效果的稳定性和用户体验。

JavaScript window.setTimeout() 的详细用法

10-29

JavaScript中，window对象的setTimeout()函数是一个非常重要的方法，主要用于实现延迟执行特定代码的功能。它允许开发者设定一段代码或一个函数，在指定的毫秒数之后执行。以下是对window.setTimeout()方法的详细...

vue中Promise.then，this.$nextTick 和 setTimeout 的执行优先级，以及nextTick 的内部实现原理

最新发布

为了WLB努力

07-13

1145

和都属于微任务，优先级较高。setTimeout属于宏任务，优先级较低。在同一个事件循环中，所有微任务执行完毕后才会执行宏任务。理解这些机制的差异可以帮助你更好地控制异步操作的执行顺序，确保在合适的时间点进行 DOM 操作或其他依赖更新的数据处理。：更适合在 Vue 的数据更新和 DOM 渲染之后执行回调。它保证了回调在 DOM 更新完成之后执行，因此非常适合需要操作更新后 DOM 的情况。setTimeout：更通用的异步执行方法。它不会等待 DOM 更新完成，只会在当前事件循环结束后执行回调。

js 倒计时10s

weixin_30776545的博客

07-25

582

<button id="send">允许点击</button> var wait = 10; function time(o){ if(wait==0){ o.innerHTML = "允许点击"; o.removeAttribute('disabled',true); ...

等待跳转JS倒计时10秒

04-27

1472

废话就不多说了，开始。。。 1、 html > head > meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" > title >

js控制for循环单次循环的时间。

style_of_cooking的博客

10-13

162

控制js单次循环时间

js每隔一段时间执行方法

weixin_43369038的博客

12-13

1万+

方法一：每隔10秒执行一次 1 2 3 4 5 6 7 8 //申明一个全局变量存放间隔函数 var setIntervalFun = null; //每隔10秒钟执行一次setXSJYLTime()这个函数 setIntervalFun = setInterval("setXSJ...

JavaScript 例题延迟10s 自动手动换图

weixin_34292924的博客

07-14

121

js--定时器

Amy的博客

08-24

2847

我们可以设定时间让某个动作不断的去执行。在js 里面用定时器来表示。 window.setInterval(“执行的函数”,间隔时间) setTimeout(“函数”, 时间 ) setInterval(fn,5000); 每隔 5秒钟，就去执行函数fn一次 setTimeout(fn,5000); 5秒钟之后，去执行 fn

js防抖节流点击提交操作,禁用提交按钮，5s后才可以继续点击

柠檬草的博客

01-25

453

直接上代码，写一个延时器。

延迟跳转setTimeout(function(){} ,时间秒数)

zxxlgs001的博客

10-12

256

延迟跳转

Node.js定时器详解：setTimeout与setInterval用法

Node.js中使用计时器定时执行函数是服务器端编程中不可或缺的一部分，特别是在处理异步操作和实现定时任务时。本文将详细介绍Node.js中的两个主要计时器函数：setTimeout和setInterval。首先，让我们了解...