关于js两个函数定时执行产生的冲突问题

来源:互联网 发布:免费crm系统源码下载 编辑:程序博客网 时间:2024/04/28 22:54

问题产生
需求:需要在一个页面内时时分别读取两个输出日志进行监控,在监控日志一是定时调用自身以达到不断刷新数据的目的,使用定时器setInterval,再点击日志二进行监控时,日之一的定时调用会产生新的数据覆盖日志二
解决办法
给定时执行设置个返回值,返回值声明为全局变量

var a;var b;function append(){    a= setInterval("append()",10000);}function append2(){    b= setInterval("append2()",10000);}

在执行函数式时加入清除定时器任务

function append(){    clearInterval(b);     a= setInterval("append()",10000);}

注:
最好不要使用setInterval,而用setTimeout的延时递归来代替interval。setInterval会产生回调堆积,容易造成浏览器崩溃。

var a;var b;function append(){    clearTimeout(b);    a= setTimeout("append()",10000);}function append2(){    clearTimeout(a);    b= setTimeout("append2()",10000);}  
0 0
原创粉丝点击