如何循环脚本

How to loop script

我正在尝试制作脚本,它的工作方式类似于通过点击一段时间的逐步滑块。主要目标是让 LABEL 成为点击的触发器。我制作了脚本,但如何使它与循环一起工作:当它到达最后一个标签时,它会进入循环中的第一个?有什么帮助吗? http://codepen.io/NeedHate/pen/ojBmXM

$('label').each(function(i, e) {
  var delay = 1000;
  setTimeout(function() {
    $('label').removeClass('button-checked');
    $(e).trigger("click").addClass('button-checked');

  }, i * delay);
});

你可以试试

function changeTo(i) {
    setTimeout(function () {
        $("label").removeClass('button-checked');       
        $("label:eq(" + i%4 + ")").trigger("click").addClass('button-checked');
        changeTo(i+1);  
    }, 1000);       
}
changeTo(0);

编辑(后续问题的答案):

var loop = true;

function changeTo(i) {      
    setTimeout(function () {
        if (loop) {
            $("label").removeClass('button-checked');       
            $("label:eq(" + i%4 + ")").trigger("click").addClass('button-checked');
            changeTo(i+1);  
        }
    }, 1000);
}
changeTo(0);

$(function() {
    $('input[type=radio][name=sec-1]').click(function() {
        loop = false;
        $("label").removeClass('button-checked');
        $(this).prev("label").addClass('button-checked');
    });
});