[Dilettante_Pro]

Hur_ley,

Если нажать на кнопку, после первого сигнала, то есть, когда функция отрисовки будет выполняться внутри setInterval, то выключится только таймер, а полоса все равно продолжает рисоваться, почему так?

Потому что clearInterval останавливает соответствующий таймер, а запущенную функцию draw(timePassed) не останавливает.
В этом примере подождите немного, чтобы начали появляться цифры, и нажмите Стоп

<button id="stop">Стоп</button>
<div id="cont"></div>

<script>
var i = 0;
var interval = setInterval(function() {
       startCount(++i);
},2000);
function startCount(indx) {
   var divCount = document.createElement('div');
   divCount.id = "count" + indx.toString();
   cont.appendChild(divCount);
   var j = 0;
   var start = setInterval(function() {divCount.innerText = ++j},1000);
}
document.getElementById("stop").onclick = function() {
 
  clearInterval(interval);
}
</script>