Пульсирующие цвета в javascript

Question

Мне бы хотелось, чтобы текст был пульсирующим между красным и черным.Я подумал, что для этого я использую функцию анимации jQuery UI .Кажется достаточно простым ... что-то вроде:

function pulseRed() {
    $('.pulsing').animate({ color: "red" }, 1000, pulseBlack);
}
function pulseBlack() {
    $('.pulsing').animate({ color: "black" }, 1000, pulseRed);
});

Меня беспокоит, насколько это эффективно.Если мне нужно пульсировать много текста в разных местах, стоит ли мне каким-то образом изменить правило таблицы стилей CSS для .pulsing?Безопасно ли иметь бесконечный цикл между такими функциями или я собираюсь попасть в беду из-за того, что слишком много вызовов функций?

Я уже использую jQuery и jQuery UI, поэтому я не противвсе с использованием механизма анимации цвета выше ... но если есть лучшее решение, я бы хотел услышать его.

Answer 1

Если вы используете пользовательский интерфейс jQuery, вы можете рассмотреть возможность использования анимированного переключающего класса *1002* вместо этого, если вы обернули это в функцию setInterval (), вы можете уменьшить его до одной строки и сохранить форматирование в CSS, а не JavaScript.