javascript - 每 5 秒循环执行一个函数，然后在上次执行后重置

Question

我需要循环遍历函数 switch_tiles，以便该函数将作为 switch_tiles(1) 运行； switch_tiles(2);等等...但它需要每 5 秒 i++ 一次。我尝试将间隔放入循环内，但这也没有帮助。另外，在 i = 5 之后我希望它重置。

window.setInterval(function(){
 for(var i = 1; i < 5; i++){
   switch_tiles(i);
 }
}, 5000);

这就是该函数所做的全部工作，因此这对问题来说并不是太重要。只是为了上下文而添加的。

function switch_tiles(n){
  var last = $('.active').attr('id');
  $('#'+last).removeClass('fas');
  $('#'+last).removeClass('active');
  $('#'+last).addClass('far');

  $('.active_tile').fadeOut();
  $('#tile_' + n).fadeIn();

  $('#circle_' + n).removeClass('far');
  $('#circle_' + n).addClass('fas');
  $('#circle_' + n).addClass('active');
}

Answer 1

试试这个:

var i = 1;
function myFunction() {
  if (i > 5)
    i = 1;

  switch_tiles(i++);
  window.setTimeout(myFunction, 5000);      
}
myFunction();