setinterval和settimeout两个定时器的联合使用

setInterval方法虽然能够简单便捷的实现无限重复执行，但是每次都会开启一个新的定时器，长此以往，会严重的影响项目的性能，而将两个定时器联合使用，则可以很好的避免这种情况

因为通过settimeout启动的定时器会在执行后自动清除

        click () {
                let  timer = setInterval(() => {
                this.fun(timer)
                }, 1000)
            },
            fun (timer) {
                setTimeout(()=>{
                // 此处可以添加需要重复执行的代码
                // 如心跳包，实时状态判断等
                //当需要停止定时器时，只需要执行下面一行代码即可
                //clearInterval(timer)
               
                //例如
                axios({
                    url:"http://localhost:8080/heartbeat/keepalive",
                    method:"post",
                    data:{ 
                        "live":this.islive
                    },
                    headers:{ 
                        'Content-Type':'application/json',
                        "token":this.token
                    }
                }).then(res => {
                    if(res.data.code != 200){//状态码不对，停止发送请求
                        //清除定时器
                        clearInterval(timer)
                    }
                  })
                }, 0)
            }

这里小伙伴可能会遇到一个问题，那就是浏览器还没有收到上一个请求的结果，就已经发送了下一个请求，这样在停止定时器后还会得到一个结果，而根据后端的逻辑的不同，两个结果可能是不一致的，这样就会导致一定的问题。

而具体的解决方法有，可以在返回结果上加一个字段值，只有发送请求之后得到结果，字段值的结果为true我才继续发下一个请求，或者用promis对象将方法包裹起来。