Закрытие и счетчик укладки

Question

Итак, я пытался разобраться с замыканиями, и в целом я чувствую, что у меня довольно хорошее понимание основ,

Так что я работал с функцией setInterval, например,;

function addTimer(elementID,cssColor,time){
  counter = 0;
  function timeIt(){
    $(elementID).text(counter);
    $(elementID).css("color", cssColor);
    counter ++;
  }
  setInterval(timeIt, time)
}

addTimer("#timerTag", "red", 1000)
addTimer("#tt", "blue", 1000)
addTimer("#ttt", "pink", 1000)

Таким образом, каждый раз, когда я добавляю объект newTimer, счетчик html будет увеличиваться на единицу для каждого добавляемого мной объекта, поэтому один объект addTimer будет увеличиваться на один, два - на дваи так далее ...

Любые разъяснения относительно того, почему это так, будут высоко оценены.

Answer 1

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