逐步延迟数组

Question

我的页面上有每个都包含唯一内容的标签.我想在不点击它们的情况下自动旋转标签和内容.页面加载后,我希望此功能开始使用window.onload = function().

我有以下JavaScript数组:

var HomeTabs = [1, 3, 5, 7, 9, 11]

我想知道如何显示HomeTab 1 10秒然后移动到HomeTab 3然后10秒后按顺序移动到HomeTab 5,而不是随机.当它到达HomeTab 11时,它会再次回到HomeTab 1.

我有一个脚本来更改选项卡ChangeTab(1),其中一个是我想要显示的选项卡的编号.

Answer 1

使用该setInterval方法每十秒调用一次函数:

window.onload = function(){

  var HomeTabs = [1, 3, 5, 7, 9, 11];
  var index = 0;

  function nextTab() {
    ChangeTab(HomeTabs[index]);
    index = (index + 1) % HomeTabs.length;
  }

  nextTab();

  window.setInterval(nextTab, 10000);

};