使用对象引用调用 setinterval

Question

我有一个横幅旋转器，我想使用对象而不是函数，这样我可以使代码更高效。无论如何，我似乎无法让 setInterval 工作。我认为这与对象引用有关。有人能解释一下吗？这是我到目前为止所得到的：

window.addEvent('domready', function() {
function set_banner(divid, array)
{
    var banner = $(divid);
    banner.set('html', '<a href=""><img src="" alt=""/></a>');
    var banner_link = $(divid).getElement('a');
    var banner_image = $(divid).getElement('img');

    var delay = 0;  

    for (var keys in banner1array) {
        var callback = (function(key) { return function() {
            banner.setStyle('opacity', 0);
            var object = array[key];
            for (var property in object) {
                if (property == 'href') {
                    var href = object[property];
                }
                if (property == 'src') {
                    var src = object[property];
                }
            }
            if (!banner.getStyle('opacity')) {
                banner.set('tween', {duration:1000});                   
                banner_link.setProperty('href', href);
                banner_image.setProperty('src', src);
                banner.tween('opacity', 1);
            }
        }; })(keys);
        setTimeout(callback, delay);
        delay += 21000;
    }
}

var banner1 = set_banner('banner1', banner1array);
setInterval(function() {set_banner('banner1', banner1array);}, 84000);

var banner2 = set_banner('banner2', banner2array);
setInterval(function() {set_banner('banner2', banner2array);}, 84000);

});

Answer 1

几个简单的错误：

 var banner1 = new set_banner('banner1');
               ^ ---------- creates a new object and uses set_banner as the constructor
                            your code already gets called here
                            and you get a new object back, which in this case has NO use

 ....
 setInterval(banner1(), 42000);
                     ^----------------- The parenthesis EXECUTE the function
                                        the RETURN VALUE is then passed to setInterval
                                        BUT... banner1() is NOT a function, so this fails

如果您想在 42 秒后调用 set_banner 并传递参数，您需要做的是使用匿名函数，然后该函数调用 set_banner 。

setInterval(function() { // pass an anonymous function, this gets executed after 42 seconds...
    set_banner('banner1'); // ...and then calls set_banner from within itself
}, 42000);

Answer 2

其他需要考虑的事情：http://zetafleet.com/blog/why-i-考虑设置间隔有害。
（tl:dr 使用 setTimeout 代替 setInterval。）虽然我不确定他的论点是否适用于此，但养成避免的习惯似乎是一件好事。

function defer_banner(div, bannerArray, delay) {
  setTimeout(function() {
    setBanner(div, bannerArray);
    defer_banner(div, bannerArray, delay);
  }, delay); 
});