Tengo problemas para detener el intervalo con clearInterval cuando el valor llega a 100. Llega a 100 y luego sigue ejecutando setInterval. ¿Alguien puede decirme qué estoy haciendo mal? Agradezco su ayuda.

He proporcionado un enlace a jsfiddle. Abra console.log para ver el incremento. https://jsfiddle.net/netzsqx4/

 let values = [[]] let Circle_1 = { procent:values[0][0], startFrom:0, incrementBy:0, start: null, intervalIdAtStart: function(){this.start= setInterval(function(){drawCircle.call(Circle_1)},500)}, clear: function() { clearInterval(this.start); } } function drawCircle(inputValues){ if(this.startFrom<this.procent){ console.log('draw <', this.procent + " " + this.startFrom) this.startFrom++ } else if(this.startFrom>this.procent){ console.log('draw >', this.procent + " " + this.startFrom) this.startFrom-- } else{ console.log('else', this.procent + " " + this.startFrom) this.clear; } }; function Http(){ let output = 100 loadoutput(output) function loadoutput(input){ console.log(input) values = [ [input], ] Circle_1.procent=values[0][0] Circle_1.intervalIdAtStart() } } function getValues(){ Http(); } setTimeout(getValues,1000);