[SOLUCIONADO] ¿Esto afecta mucho al rendimiento?

[sergi_multimedia]

Hola a tod@s, quisiera hacer una consulta, os muestro el código:

Código Javascript:

function containerBelowHeader(){
 setInterval(function(){ 
  var headerHeight = document.getElementById( 'header' ).offsetHeight;
  var containerHeight = $( '.container' );
  containerHeight.css( 'margin-top' , headerHeight);
 },1);
}
 

En el interval, al poner solamente '1' consume muchos recursos? Es que noto que mi Mac va un poco a trozos y no sé si es debido a esta parte del código que me está consumiendo toda la potencia.

Saludos ;)

[PHPeros]

Lo mínimo en HTML5 son 4ms... A ver, no es buen hábito lo que estás haciendo... Puedes utilizar eventos si se da la posibilidad.

[Carlangueitor]

Definitivamente es ineficiente, eso se ejecuta mil veces cada segundo.

Quizá tu problema se pueda resolver con puro CSS.


Saludos

[djaevi]

Si lo que queres es que se modifique un elemento cuando otro se redimensiona puedes usar el evento onresize, asi tu funcion solo se ejecutara cuando el elemento principal cambie su tamaño y no consumes recursos constantemente.

Dejo un enlace, no se si esta permitido si esta mal que un mod lo borre.

http://www.w3schools.com/jsref/event_onresize.asp

Saludos

[sergi_multimedia]

Muchas gracias a todos por vuestras respuestas. Tengo que decir que sí, efectivamente el código que puse es un consumidor de recursos que daba gusto. Al final he cambiado un poco como había diseñado una cosa para no tener que hacer eso.

De todas formas, desconocía el evento que propone djaevi, y me va a servir para otra cosa que tengo en mente.

Muchas gracias a todos ;)