js代码实现定时刷新Iframe页面、用settimeout代替setinterval,可以解决定时器耗用内存过多导致卡死
最近单位约车系统有同事抱怨审批完车辆分配动态无法自动显示,要人工点击刷新,随查找资料,通过在iframe便签添加一个id=caiwei定义,给下面JS代码应用,实现只自动刷新iframe页面。(记得在页面head位置引入jquery-1.9.1.min.js文件,自动刷新才能生效)
实现代码如下:
<script type="text/javascript"> //实现自动刷新iframe内容开始.
setInterval("iFrameReload()",20000); //1000为1秒钟,这里为20秒。
function iFrameReload()
{
document.getElementById('caiwei').contentWindow.location.reload(true);
}
</script> <!--实现自动刷新iframe内容结束.-->
用settimeout代替setinterval,可以解决定时器耗用内存过多导致卡死
setTimeout(function() { //这里用setTimeout代替,解决了setInterval进行ajax请求的页面长时间打开会出现页面卡死,因为setInterval会消耗网页内存,如果不清理会一直消耗直到网页卡死。
$("#container").load(location.href+"#container>*","");
}, 10000);
//自动刷新数据代码结束,10000为10秒(将刷新驻留在元素ID为container元素的内容。)
原来用的是setInterval,刷新了几次出现页面卡死情况。原来代码如下:
setInterval(function() { //这里用setTimeout代替,解决了setInterval进行ajax请求的页面长时间打开会出现页面卡死,因为setInterval会消耗网页内存,如果不清理会一直消耗直到网页卡死。
$("#container").load(location.href+"#container>*","");
}, 10000);
//自动刷新数据代码结束,10000为10秒(将刷新驻留在元素ID为container元素的内容。)
鉴于上面两个情况,1、setInterval与reload不产生卡死,在最后这种情况发生卡死,不知是否是setInterval与load造成的,请哪位大侠指点迷津。