React 定时轮询请求接口

最新推荐文章于 2024-07-07 13:59:05 发布

大悦悦吖Y

最新推荐文章于 2024-07-07 13:59:05 发布

阅读量2.5k

点赞数

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_49074407/article/details/128796709

版权

实现定时10分钟，每间隔30秒请求一次接口，10分钟后停止轮询

const setingFiance: React.FC<any> = (props) => {
	let timer: any = 0;
  	let cont: any = 0;
	
	const initDate = (name: any) => {
		// 在这里请求接口处理逻辑
		// 根据条件判断 如果接口有数据不需要轮询销毁定时器clearTimerFun()，如果没有数据，创建定时器setTimerFun();
	}

	const clearTimerFun = () => {
   		clearInterval(timer);
  	};
	
	const setTimerFun = () => {
		// cont定义了一个全局变量，通过控制轮询的次数来控制相对的定时时间，用来截断定时器
	    cont = cont + 1
	    if (cont <= 80) {
	      timer = setInterval(() => {
	        initDate(accountName);
	      }, 10000);
	    } else {
	      clearTimerFun();
	    }
	};
}