Выполняется ли функция, если элемент не найден (jQuery)?

Question

[Владислав]

Допустим у нас есть функция timer(), которая с определенным интервалом меняет у элемента с id="timer" внутренний текст. Функция вызывается при загрузке любой страницы сайта. Но сам элемент с id="timer" находится только на одной из них.
Будет ли выполняться функция на всех страницах, не обнаружив элемент с id="timer" как-нибудь в фоне и нагружать процессор? Или не найдя элемента выполнение не происходит?

Answer 1

[Максим Тимофеев]

Выполняться не будет, но будет искать элемент, плюс функция - это код, это лишний вес страницы. Поэтому подключать стоит только там, где есть в ней смысл. Зачем ее вешать на все страницы?

Comments

[Владислав]

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

[Максим Тимофеев]

Afadeev: "Технически нет возможности" - не верю.

[Максим Тимофеев]

Afadeev: К тому же если у Вас нет другой возможности, тогда зачем вопрос задавали?

[Владислав]

Технически нет возможности - это значит что шапка и подвал генерируются отдельно, контент отдельно. HTML-редактор вырезает скрипты из кода при попытке запилить скрипт в контент. Чтобы определять где какая страница и грузить под нее отдельные скрипты нужно перепиливать шапку или подвал, к этому нет доступа и получить сложно (бюрократия и т.д.). Поэтому если не грузит, то можно так оставить, а если грузит, то думать оставить или переделывать

[Максим Тимофеев]

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

[Владислав]

Максим Тимофеев: Если сильно захотеть, можно и в космос улететь =) Можно и движок переписать. Поэтому и спрашивал, если выполняется, то добавить условие на наличие элемента. Спасибо!

Answer 2

[Rsa97]

var timerInterval = setInterval(function() {
  var timer = $('#timer');
  if (timer.length == 0) {
    clearInterval(timerInterval);
    return;
  }
  ...
}, 1000);