javascript - 在两秒内执行第一次 window.setInterval 然后每 10 秒调用一次

Question

我在js中有一个函数：

(function($){
   $(document).ready(function(){
    $(function () {     
         index = 0;
         window.setInterval(function () {
            if (index > 10){ 
               index = 0;
            }    
            myFunction("so1", "flipping-right");
            myFunction("so2", "flipping-left");        
            myFunction("so3", "flipping-top");
            myFunction("so4", "flipping-bottom");
            myFunction("so5", "flipping-right");
            i++;
         }, 2000); 
        });

        myFunction = function (id, effect ) { 
              $('#' + id).toggleClass(effect);
        } 

   });
})(jQuery);

我怎么能用参数“2秒”只第一次执行它

window.setInterval(function () {...}, 2000);

然后每次调用它，将参数更改为 8 秒

window.setInterval(function () {...}, 8000);

所以恢复，第一次用参数2000执行它，然后每次8000？

这是小提琴

Answer 1

将第一个调用放入setTimeout带有 2000 参数的调用中，然后将setInterval带有 8000 参数的调用放在函数的末尾setTimeout。