Pulsando colores en javascript

Question

Me gustaría tener algo de texto pulsando entre rojo y negro. Pensé que usaría jQuery UI's animate function para hacerlo. Parece bastante simple ... algo así como:

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

Mi preocupación es cuán eficiente es esto. Si tengo un montón de texto en diferentes lugares para pulsar, ¿debería de alguna manera alterar la regla de la hoja de estilo CSS para .pulsing? ¿Es seguro tener un bucle infinito entre funciones como esa o me voy a meter en problemas para apilar demasiadas llamadas a funciones?

Ya estoy usando jQuery y jQuery UI, así que no me importa utilizar el mecanismo de color animado anterior ... pero si hay una mejor solución, me encantaría escucharla.

Answer 1

Si está utilizando la interfaz de usuario de jQuery, puede considerar utilizar el , si lo incluye en una función setInterval() puede reducirlo a una línea y almacenar el formato en CSS en lugar de javascript.