zoukankan      html  css  js  c++  java
  • Javascript中的setTimeout和setInterval函数区别

    从几年前(有5年多)一直到现在,在很多讲解Javascript的资料中看过setTimeout和setInterval这两个函数,一直就是以为它们俩的功能是完全一样的--就是多久时间后执行一下了事,所以一直用的就是setTimeout函数,还从来在自己的代码中没用过setInterval函数,其实为什么就不再进一步想想,如果这两个函数功能完全一样,为啥有存在的合理性。
    到现在我才对两个函数的一致性表现出惯于怀疑来,到网上Google一下,才恍然大悟。原来是有区别的,首先从其中的两个单词来理解也可以看出一点名堂来:
    Timeout:<主美>(球类比赛中的)暂时休息,(工作时的)工间休息;计算机里多为"超时",或者"时间到了"的意思
    Interval:间隔, 距离, 幕间休息,时间间隔
    由他们各自代表的 setTimeout 函数表时指定的时间到了,执行某个指定的函数,这时候它的使命即告完成,只执行一次。setInterval 函数则是每隔指定的时间就会执行指定的函数,如果不清除,将执行无数次。setInterval函数的行为更像是很多编程语言中的Timer控件的行为。
    清除计数器的函数分别是 clearTimeout 和 clearInterval, 功能说明如下
    var timer1 = setTimeout("foo",1000);  //设定foo函数将在1000毫秒后执行一次
    .........//do something
    clearTimeout(timer1); //如果程序执行到这里,以setTimeout开始计数时1000毫秒未到,
                                    //clearTimeout后,foo将得不到执行
                                    //如果1000毫秒已过,foo已被触发执行,就没什么意义了
    vartimer2 = setInterval("foo",1000); //设定从现在计时起,每1000毫秒执行1次foo
    .........//do something
    clearInterval(timer2);  //以后foo将不再触发执行了
    所以这样一个细节的被忽略了,也就长久以来用setTimeout+递归来模拟了setInterval的行为,如下代码
    function foo(){
        .......//do something
        setTimeout("foo",1000);
    }
    上面代码是不是看起来与setInterval的表现一样的啊,仅仅是三行倒也好理解,似乎也没复杂多少,但是现成的简单一点的东西为什么不直接拿来用呢?
  • 相关阅读:
    大话设计模式:外观模式
    大话设计模式:零篇-目录总结
    大话设计模式:观察者模式
    Spring MVC自动为对象注入枚举数据
    使用idea工具开发webservice
    HTTP协议详解
    mysql 数据库 exists 和count
    eclipse运行maven的jetty插件内存溢出
    400,404,500报错页面总结
    Mac系统下Eclipse代码联想功能(代码助手,代码提示)快捷键
  • 原文地址:https://www.cnblogs.com/daohuen/p/2662755.html
Copyright © 2011-2022 走看看