setTimeout 不断吐食CPU的问题分析

163 阅读 0 评论 108 点赞

我是靠谱客的博主潇洒金鱼，最近开发中收集的这篇文章主要介绍setTimeout 不断吐食CPU的问题分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<script language="javascript"> 
function PollConn(){ 
TimeCounter=window.setTimeout('PollConn();',5000); 
function StopPoll(){ 
window.clearTimeout(TimeCounter) 
} 
PollConn(); 
</script>

上面的方法一般是比较通用的方法。不停的每隔5秒钟调用一下自己。在一般的运用中，用户访问含有这样代码的页是没感觉出它有什么问题。但是如果用户在这样的页里需要停留的时间很长，就会用问题。因为setTimeout会不停的“吐食”CPU，慢慢的CPU最终会被这样的代码吃光，造成IE死掉，或停止执行。
解决的办法，在下次调用之前先用clearTimeout清除一下。

复制代码代码如下:

<script language="javascript"> 
function PollConn(){ 
if(TimeCounter) window.clearTimeout(TimeCounter) //清除上次的setTimeout 
TimeCounter=window.setTimeout('PollConn();',5000); 
function StopPoll(){ 
window.clearTimeout(TimeCounter) 
} 
PollConn(); 
</script> 