zoukankan      html  css  js  c++  java
  • 浅谈setTimeout和setInterval

    之前一直没有弄懂 setTimeout 和 setInterval,如今遇到一个题目,查了许久,记录下来方便以后查看。

    setTimeout :mdn解释该方法设置一个定时器,该定时器在定时器到期后执行一个函数或指定的一段代码。

    setInterval:方法重复调用一个函数或执行一个代码段,在每次调用之间具有固定的时间延迟。

    之前认为两者的区别就是一个只是运行一次,另一个一直运行,现在看来太天真; 

    一般的场景下使用两种方法没有问题,但是遇到一个事情,就是在定时器中调用一个接口,判断用户是否扫码登陆。

    仔细排查了,是因为我使用了setInterval,都说setTimeout 不准确,其实setInterval 在某些情况也不准确,在时间上,setInterval 是很准确但是,他不会管其他的事情,到点就下班。。。。

    假设有个函数需要调用,返回为true的时候,停止定时器。

    setInterval 会按照固定时间允许该函数,如果这个函数超时了,那么在n次中就会忽略改函数的返回true,在某些应用场景中这是致命的

    setTimeout  的不准确也是会因为该函数超时了,之前也没有调用方法

    上个栗子这样看的就直观了很多

    /**
             * 1、从 start 到 end(包含 start 和 end),每隔 100 毫秒 console.log 一个数字,每次数字增幅为 1
             * 2、返回的对象中需要包含一个 cancel 方法,用于停止定时操作
             * 3、第一个数需要立即输出
             **/
            function count(start, end) {
                if (start <= end) {
                    console.log(start);
                    start++;
                    st = setTimeout(function() {
                        count(start, end);
                    }, 1000)
                };
                return {
                    cancel: function() {
                        clearTimeout(st)
                    }
                }
            }
            count(1, 10)
    

      

  • 相关阅读:
    结对编程之附加题:单元测试
    机器学习第二次作业
    第一次作业
    机器学习第二次作业
    机器学习第一次个人作业
    软工实践个人总结
    第08组 Beta版本演示
    第08组 Beta冲刺(5/5)
    第08组 Beta冲刺(4/5)
    第08组 Beta冲刺(3/5)
  • 原文地址:https://www.cnblogs.com/damai/p/7904796.html
Copyright © 2011-2022 走看看