反复添加div和清除容器会使内存增长

Question

我有一个简单的测试页面，我有一个容器。

<div id="canvas"></div>

页面准备就绪后，我创建一个1秒的间隔，其中画布被清空，创建了3000个div并附加到画布上。

var id = 0;
var canvas;

$(document).ready(function(){
    canvas = $("#canvas");
    addElements();
});

function addElement(){
    for(var i= 0 ; i < 3000; i++){
        var html = "<div class=\"element\" id='div_id"+ id + "'>" + id + "</div>";
        canvas.append(html);
        id++;
    }
}

function addElements(){
    addElement();
    setInterval(function(){
    //canvas.empty();
        canvas.find("*").off();
        canvas.children().remove();
    },1000);
}

关于为什么内存每秒增长3MB的任何想法？

这是sample Plunkr

提前致谢