js 使用setInterval()实现实时刷新

1 使用详解

（1）setInterval()

说明：可按照指定的周期（以毫秒计）来调用函数或计算表达式。

语法：

window.setInterval(code,millisec);

参数：

code，要调用的函数或要执行的代码串。

millisec，周期性执行或调用 code 之间的时间间隔，以毫秒计。

返回值：

一个可以传递给 window.clearInterval() 从而取消对 code 的周期性执行的值。

（2）clearInterval()

说明：取消对 code 的周期性执行。

语法：

window.clearInterval(timeId);

参数：

timeId，必须是由 setInterval() 返回的 ID 值。

2 实现实时刷新

var lastTimeId="";
$(function(){
    $(window).click(function(){
        if(!!lastTimeId){//清掉上一次设置的实时刷新
            window.clearInterval(lastTimeId);
        }
        //开始实时刷新
        lastTimeId=window.setInterval("test()",10000);
    });
});
var i=0;
function test(){
    $("body").html(i++);	
}

注：在添加新的setInterval()时，需要使用clearInterval()清除之前设置的实时刷新，不然会出现多个setInterval()实时刷新。