定时器setInterval，设置执行时间，接口最多请求次数

最新推荐文章于 2024-06-20 17:47:33 发布

莉兹Liz

最新推荐文章于 2024-06-20 17:47:33 发布

阅读量4k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_40138556/article/details/115064973

版权

本文介绍了如何使用JavaScript的setInterval来定时请求接口，详细讲解了需求背景，即先请求一个接口，然后根据返回值定时请求第二个接口，每秒一次，并在5分钟内最多请求300次。若超时则前端提示‘请求超时’。文中还引用了MDN对setInterval的定义，并给出了代码示例，强调了定时器设置的位置应位于循环外部。

摘要由CSDN通过智能技术生成

需求

首先请求一个接口，根据返回值请求第二个接口，第二个接口需要每隔1s重复请求一次，根据返回值判断是否终止请求，且第二个接口最多请求5分钟，超时则前端提示“请求超时”。

定时器

定义
MDN setInterval定义

WindowOrWorkerGlobalScope 的 setInterval() 方法重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。
在窗口和工作接口上提供的setInterval()方法重复调用函数或执行代码片段，每次调用之间有固定的时间延迟。它返回一个时间间隔ID，该ID唯一地标识时间间隔，因此您可以稍后通过调用clearInterval()来删除它。这个方法是由WindowOrWorkerGlobalScope mixin定义的。

简言之，为实现代码或方法按一定时间重复执行，setInterval()开启定时器，clearInterval()清除定时器。
语法

var intervalID = scope.setInterval(func, delay, [arg1, arg2, …]);
var intervalID = scope.setInterval(code, delay);

代码

简要代码

import React, {
    Component } from 'react';
import {
    message, Spin } from 'antd';
import * as http from './httpServer';
... // 略
handleOk = () => {
   
	const {
    data } = this.state;
	this.setState(