функция не определена в setInterval

Question

Hallo, у меня есть что-то вроде этого:

$(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); 

}); 

Кажется, довольно легко, но в любом случае она возвращает: cloudScroll не определен.
Почему?

Answer 1

Попробуйте передавая функцию непосредственно, используя строку весьма устаревшим:

var init = setInterval(cloudScroll, 270); 

Answer 2

Если вы передаете ссылку на функцию, а не строка, то он будет работать:

var init = setInterval(cloudScroll, 270); 

Просто показать это работает: http://jsfiddle.net/jonathon/T45Nx/

Answer 3

Дайте этому попытку:

var init = setInterval(cloudScroll, 270); 

... и если вы хотите, чтобы передать аргументы:

setInterval(scrollCloud, 250, clouds2); 

EDIT Partrick отметил, что IE не поддерживает передачу аргументов в вышеуказанном порядке. Удивленный я этого не сделал. В любом случае, использование mqsoh анонимной функции имеет значение. Потому что вы можете запустить данную функцию с аргументами вроде так:

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

Answer 4

setInterval выполняются в глобальном пространстве имен, но ваша функция прокрутки облака определяются в анонимном document.ready функции.

Это должно решить вашу проблему, и это также лучше форма передавать ссылки функции на setInterval, а не строки (которые в конечном итоге получить evaled, что хуже по производительности):

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

Вы можете также поместить определение cloudScroll в функции интервалов.