Javascript setInterval 导致页面内存急剧增长-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

Javascript setInterval 导致页面内存急剧增长

2016-07-15 17:35:45 2356 1

作为一个Web前端开发小白的我,今天在写一个管理后端数据库的简单页面的时候遇到了一个棘手的问题.

我想在页面添加一个定时检查输入的指令是否有错的功能.所以在页面的body内的script内添加了这样一行代码:

setInterval(updateFormat,1000);
//其中的updateFormat是我定义在同一个script标签下的用JQuery更新一个div内的提示内容的函数
    结果我在测试页面大约2min内,我用Chrome自带的任务管理器查看时发现这个页面的"内存"那一栏已经以每秒2~3mb的速度急剧增长.
    然后,我又修改了一下代码:

setInterval("updateFormat()",1000); <span style="font-size:9pt;line-height:1.5;">//其中的updateFormat是我定义在同一个script标签下的用JQuery更新一个div内的提示内容的函数</span>
    结果还是发现页面的内存占用还是以200~300kb的速度增长.
    再贴出updateFormat中的代码缩减版给你们看看:
function updateFormat(){
    $('#check_input pre').text($('#input_content').val());
}<span></span>
    所以求大神指点指点.为什么加了一个 setInterval就会使得页面内存持续上升(而且很多在线聊天的网站应该也用了 setInterval的呀,为什么它们的就不会出现这种事),谢谢!
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:57:15
    function time(f, time) {
        return function walk() {
            setTimeout(function () {
                f();
                walk(); 
            }, time);
        };
    }
     
    time(updateFormat, 1000)();
    0 0
相关问答

1

回答

Javascript中在什么时候可能出现内存泄露?如何解决?

2016-03-24 13:18:26 1675浏览量 回答数 1

1

回答

Javascript-按值删除数组项

2020-02-07 22:42:07 214浏览量 回答数 1

2

回答

JavaScript数组值去重,但是返回的类型和原类型不一样, 怎么转换

2016-06-02 11:01:46 1596浏览量 回答数 2

1

回答

JavaScript 怎么对数组进行 回调操作 的不影响原数组?

2016-04-09 13:12:39 1548浏览量 回答数 1

1

回答

在JavaScript 怎么声明一个关联数组?

2016-04-09 15:51:28 1905浏览量 回答数 1

1

回答

javascript中的数组,对象的使用

2016-03-20 12:45:39 1739浏览量 回答数 1

2

回答

javascript中如何将字符数组转为整型数组

2016-03-19 11:05:34 2510浏览量 回答数 2

1

回答

javascript如何验证数组是否存在某元素

2016-03-19 11:32:27 1730浏览量 回答数 1

1

回答

javascript如何遍历django传来的数组

2016-03-17 13:22:57 3016浏览量 回答数 1

1

回答

javascript如何遍历django传来的数组

2016-03-12 13:23:46 1832浏览量 回答数 1
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载