javascript - setInterval 一次后停止

Question

// .items direct child
var itemsContainer = $('.blog-ticker').children();
// each item in .items
var items = $('.blog-ticker').children().children();        
setInterval(function(){
    var i = 0;
    itemsContainer.css({
        'top': -(items[i].clientHeight)+'px'
    });
    if(i <= items.length) {
        i++;
    }
}, 2000);

第一轮后就停止了......困惑开始出现。我应该做什么？

Answer 1

不，第一轮之后可能不会停止。

问题是您每次运行函数时都将 i 声明为 0，因此您只需将第一项设置为相同的位置即可似乎什么也没做。

您只需在函数外部声明 i 即可正常工作:

// .items direct child
var itemsContainer = $('.blog-ticker').children();
// each item in .items
var items = $('.blog-ticker').children().children();        
// counter
var i = 0;
setInterval(function(){
    itemsContainer.css({
        'top': -(items[i].clientHeight)+'px'
    });
    if(i <= items.length) {
        i++;
    }
}, 2000);