0xD34F

Установка значений с помощью сеттера выполняется иначе, вместо Circle.circlesMade(5) должно быть Circle.circlesMade = 5.

function insert(selector, html, offset) {
  var el = document.querySelector(selector);
  var text = el.innerText;
  el.innerHTML = text.slice(0, offset) + html + text.slice(offset);
}

insert('#text', '<span class="red">###</span>', 15);

<div id="text">0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>

.red {
  color: red;
}

$('input[data-price]').on('change', function() {
  $(this)
    .closest('.ao-goods-good')
    .find('.ao-goods-good__price')
    .text(this.dataset.price);
});

Метод reloadSlider находится не в объекте jquery, а в привязанных к элементу данных, замените slider = $('.bsxlsider-' + num); на slider = $('.bsxlsider-' + num).data('bxSlider');.

При таком подходе ваш код занимает 100% времени, а среда выполнения - однопоточная.

Вместо цикла используйте setInterval или setTimeout:

var i = 0;
setInterval(function() {
  document.writeln(i++);
}, 666);

function xxx(i) {
  document.writeln(i);
  setTimeout(xxx, 666, i + 1);
}
xxx(0);

function* cyclicSequence(items) {
  for (var i = 0; ; i = (i + 1) % items.length) {
    yield items[i];
  }
}

var color = cyclicSequence([ 'green', 'red', 'blue', 'yellow' ]);

$('#typeProject').click(function() {
  $('.typeProject').css('background-color', color.next().value);
});

Выполнением JS-кода и работой с DOM занимается один и тот же поток. То есть, у браузера нет возможности обновить "лоадер" до того, как ваш скрипт будет выполнен.

Необходимо разделить отображение "лоадера" и скрипт. Например - обернуть скрипт в setTimeout. Или (что было бы уместнее, учитывая "достаточно долгое" выполнение) вынести его в web worker.