La función no se define en setInterval

Question

Hola, tengo algo como esto:

$(document).ready(function(){ 

$("#all").height($(window).height()-60); 

$('a').bind({ 
    mouseover:function(){ 
    $(this).stop().animate({opacity:0.8},500); 
}, 
mouseout:function(){ 
    $(this).stop().animate({opacity:1},500); 
}, 
    click:function(){ 
} 
}); 


// CLOUDS SCROLL 

function cloudScroll(){ 
    var current=parseFloat($('#clouds').css('left')); 
    current += 1; 
    $('#clouds').css("left",current); 
} 

var init = setInterval('cloudScroll()', 270); 

}); 

parece ser bastante fácil, pero de todos modos se devuelve: cloudScroll no está definido.
¿Por qué?

Answer 1

Trate de pasar directamente a la función, el uso de una cadena es bastante obsoleta:

var init = setInterval(cloudScroll, 270); 

Answer 2

Si pasa una referencia de función, en lugar de una cadena, entonces todo funcionará:

var init = setInterval(cloudScroll, 270); 

Sólo para muestran que funcione: http://jsfiddle.net/jonathon/T45Nx/

Answer 3

seguirlo:

var init = setInterval(cloudScroll, 270); 

... y si quieres pasar argumentos:

setInterval(scrollCloud, 250, clouds2); 

EDIT Partrick mencionó que IE no soporta pasar argumentos de la forma anterior. Sorprendido, no lo hice ahora. De todos modos, eso hace que el uso de mqsoh de una función anónima sea relevante. Debido a que puede ejecutar una determinada función con argumentos, así:

setInterval(function(){ 
    scrollCloud(clouds2); 
}, 250); 

Answer 4

setInterval se ejecuta en el espacio de nombres global, pero su función de desplazamiento de nubes se define en la función document.ready anónimo.

Debe arreglar el problema y es también mejor forma de pasar referencias de las funciones a setInterval en lugar de cuerdas (que al final conseguir evaled, lo que es peor para el rendimiento):

setInterval(function(){ cloudsScroll() }, 270); 

También puede poner la definición cloudScroll en la función de intervalo.