• 浅谈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)
    

      

  • 相关阅读:
    常用的知识点
    2021年度“新时代好少年”
    音频格式TDM
    DTS
    学习总结之EXTJS相关了解和问题解决篇
    java中extends和implements的区别
    开发
    程序员练级(转自酷壳)
    优秀程序员无它善假于物也
    EXTJS开发过程遇到的一些问题的小结(转自麦田守望者)
  • 原文地址:https://www.cnblogs.com/damai/p/7904796.html
Copyright © 2020-2023  润新知