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

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造成的,请哪位大侠指点迷津。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值