js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死

您所在的位置：网站首页 › html自动刷新页面代码 › js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死

js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死

2023-12-19 18:21| 来源: 网络整理| 查看: 265

最近单位约车系统有同事抱怨审批完车辆分配动态无法自动显示，要人工点击刷新，随查找资料，通过在iframe便签添加一个id=caiwei定义，给下面JS代码应用，实现只自动刷新iframe页面。（记得在页面head位置引入jquery-1.9.1.min.js文件，自动刷新才能生效) 实现代码如下：

//实现自动刷新iframe内容开始. setInterval("iFrameReload()",20000); //1000为1秒钟，这里为20秒。 function iFrameReload() { document.getElementById('caiwei').contentWindow.location.reload(true); }

在这里插入图片描述用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造成的，请哪位大侠指点迷津。

【本文地址】

js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死

js代码实现定时刷新Iframe页面、用settimeout代替setinterval，可以解决定时器耗用内存过多导致卡死

今日新闻

推荐新闻