Проверьте, изменилась ли переменная в первый раз и является ли она большим, чем предыдущая переменная javascript

Question

Итак, у меня есть этот маленький код:

    var previousImgFileSize;
var loadedGl = setInterval(function(){  
var data_url = renderergl.domElement.toDataURL();
var head = 'data:image/png;base64,';
var imgFileSize = Math.round((data_url.length - head.length)*3/4) ;
var logit = console.log(imgFileSize);
if (imgFileSize != previousImgFileSize && previousImgFileSize){
    alert("Ready");
}
previousImgFileSize=imgFileSize;
}, 100);

Что я хочу сделать, это проверить, изменился ли var imgFileSize, поэтому, если я запусту приведенный выше код, он выведет определенное число, но позже, когда другой изображение загружается, оно изменит значение переменной на другое число, которое я хочу прослушать / проверить, когда это произойдет, как бы я go об этом?

Это <canvas> питание от трех. js, что создавая черный снимок экрана каждую секунду или около того, поэтому первое изображение всегда имеет одинаковый размер, когда в <canvas> еще не загружен контент, потому что это черное / пустое изображение, когда холст загрузил и отобразил 3d-модели, а затем изменилось изображение данных на скриншот сцены снова каждую секунду (2-е изображение), но второе изображение имеет больший размер файла, потому что оно имеет цвета, а не просто черный ... это то, что я пытаюсь захватить. в первый раз размер файла изменения ...

приведенный выше код не обновляет переменную var, когда файл сразу его меняет, потому что мне нужно повернуть сцену несколько раз, прежде чем он затем захватывает переменную ...