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

问题产生
需求：需要在一个页面内时时分别读取两个输出日志进行监控，在监控日志一是定时调用自身以达到不断刷新数据的目的，使用定时器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);
}