setTimeout函数的神奇使用-创新互联

【写在前面的胡言乱语】

创新互联网络公司拥有十年的成都网站开发建设经验，上千家客户的共同信赖。提供成都网站设计、成都网站建设、网站开发、网站定制、买链接、建网站、网站搭建、响应式网站建设、网页设计师打造企业风格，提供周到的售前咨询和贴心的售后服务

自从大三开始实习之后，就没有写博客了，虽然学了很多东西，但是如果没有进行总结和分享，学的东西就很容易忘记，而且不进行分享，就不会手动去敲代码，这样对知识的理解就不够透彻。

现在毕业半年多了，最近学习了《JavaScript高级程序设计》这本书，受益匪浅，看了才知道虽然自己写了那么多JS，但是对JS的理解最多就只是中下水平。

现在看第二遍，边看边敲代码，边分享，希望看到这篇文章的你，能有所收获。

【这是正文】

《JavaScript高级程序设计》这本书里面，介绍了很多关于setTimeout函数的神奇使用，今天来介绍下第一个——使用setTimeout代替setInterval进行间歇调用。

书中是这么说的

“在开发环境下，很少使用间歇调用（setInterval），原因是后一个间歇调用很可能在前一个间歇调用结束前启动”。

这话怎么理解呢？

首先我们来看一下一般情况下的setInterval函数的使用，以及如何使用setTimeout代替setInterval

var executeTimes = 0;

var intervalTime = 500;

var intervalId = null;

 

// 放开下面的注释运行setInterval的Demo

intervalId = setInterval(intervalFun,intervalTime);

// 放开下面的注释运行setTimeout的Demo

// setTimeout(timeOutFun,intervalTime);

 

function intervalFun(){

executeTimes++;

console.log("doIntervalFun——"+executeTimes);

if(executeTimes==5){

clearInterval(intervalId);

}

}

 

function timeOutFun(){

executeTimes++;

console.log("doTimeOutFun——"+executeTimes);

if(executeTimes<5){

setTimeout(arguments.callee,intervalTime);

}

}

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

名称栏目：setTimeout函数的神奇使用-创新互联
URL地址：http://cdxtjz.cn/article/djocgi.html