业务场景:一个网页需要每隔五秒发送一次请求去获取数据,但是必须等上一次获取完成之后才能进行下一次获取。传统的setinterval不关注上一次操作的状态,只会每隔一定时间就进行下一次操作,无法满足需求。

解决方法:递归settimeout。封装好请求之前的操作和settimeout作为loop(),settimeout的回调函数传入loop(),需要用到的时候直接调用loop()就可以开始无限循环。

详情实现:https://blog.csdn/Jamcy123/article/details/123967233?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167930237816800215076027%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=167930237816800215076027&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-2-123967233-null-null.142^v74^insert_down4,201^v4^add_ask,239^v2^insert_chatgpt&utm_term=settimeout%E9%80%92%E5%BD%92%E5%81%9C%E6%AD%A2&spm=1018.2226.3001.4187

里边还有关于如何跳出递归的多种实现方法。

其实实现这个功能不一定非得需要递归settimeout,也可以使用promise里while循环,但是还没研究过。

更多推荐

JS异步循环问题