编写此定时 jquery 函数的正确方法

Question

我希望此功能每 4 秒启动一次。有没有办法将它们放在一个数组中并每 4 秒调用一次而不是这种方式。此外，这种方式在实际开始之前有 16 秒的延迟。提前致谢。

setInterval(function() {
     setTimeout(function () {
         $j('.menu2').trigger('click');
         }, 0000);

         setTimeout(function () {
         $j('.menu3').trigger('click');
          }, 4000);

         setTimeout(function () {
         $j('.menu4').trigger('click');
          }, 8000);

         setTimeout(function () {
         $j('.menu1').trigger('click');
          }, 12000);

}, 16000);

Answer 1

试试这个

setInterval(function () {
        var time = 0;
        for (i = 1; i < 5; i++) {
            setTimeout(function () {
                $j('.menu' + i).trigger('click');
            }, time);
            time += 4000;
        }
    }, 16000);

更新

http://jsfiddle.net/6NwLG/1/

setInterval(function () {
        var time = 0;
        for (i = 1; i < 5; i++) {

            test(time, i);
            time += 4000;
        }
        function test(time, id) {
            setTimeout(function () {
                $('.menu' + id).click();
            }, time);
        }
    }, 16000);

Answer 2

$(document).delay(12000, function() {
    var interval = setInterval( function() {
       time = 2000;
       m = 1;
        for( i =0; i < 5; i++) {
       setTimeout( function() {
           $('.menu'+m).trigger('click');
           time = time+2000;
           m = m+1;
       }, time);
    }
    }, 4000);
});

​